目前webpack中也提供了很多插件,也就是plugin,使用这些插件同样要通过npm进行安装.
打包html的plugin
目前我的index,html是放在根目录下的,要想让webpack将html也打包到dist文件夹下,需要安装HtmlWebpackPlugin
cnpm install html-webpack-plugin --save --dev
配置:
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
...
output: {
path: path.resolve(__dirname /*当前文件路径*/ , 'dist'), //进行路径拼接
filename: 'boundle.js',
// publicPath:"./dist/"这里就不再需要publicpath,webpack会自动引入打包的js文件.
},
plugins:[
new HtmlWebpackPlugin({template:'index.html'})//规定模板
]
}
压缩js的plugin
安装：(高版本会报错，估计是用ts重构但是没有支持)
npm install uglifyjs-webpack-plugin@1.1.1 --save --dev
配置：
//webpack.config.js
const UglifyjsWebpackPlugin = require('uglifyjs-webpack-plugin')
//...
plugins:[
//...,
new UglifyjsWebpackPlugin()
]
