1. VueLoaderPlugin
加载vue文件时需要使用
前提:安装vue-loader vue-template-compiler
使用:在webpack.config.js中添加
const { VueLoaderPlugin } = require(‘vue-loader‘) module.exports = { plugins: [ new VueLoaderPlugin() ] }
2.版权插件 BannerPlugin
在打包后的文件中添加版权说明
const webpack= require(‘webpack‘) module.exports = { plugins: [ new webpack.BannerPlugin("最终解释权归我所有") ] }
3.htmlWebpackPlugin
将入口文件index.html加入打包文件夹下
前提:需要安装html-webpack-plugin
const htmlWebpackPlugin= require(‘html-webpack-plugin‘) module.exports = { plugins: [ new htmlWebpackPlugin({ template:‘index.html‘ }) ] }
4.uglifyjs-webpack-plugin
js压缩插件
前提:需要安装uglifyjs-webpack-plugin
const uglifyjsWebpackPlugin= require(‘uglifyjs-webpack-plugin‘) module.exports = { plugins: [ new uglifyjsWebpackPlugin() ] }