js壓縮
webpack自帶一個插件uglifyjs-webpack-plugin來壓縮js，所以不需要再次安裝，當一切都准備妥當，引入uglifyjs-webpack-plugin模塊：
const uglify = require('uglifyjs-webpack-plugin');
因為它是一個插件，所以把它放在plugins里：
plugins:[
new uglify()
]
這樣就完事了，執行命令webpack，壓縮文件就OK了，一般不會出現問題，（但是我在實際操作中報錯了，uglifyjs-webpack-plugin沒有找到，所以，如果你報錯了，還是安裝一下吧）
npm install uglifyjs-webpack-plugin --save-dev
打包HTML文件
首先刪除dist目錄下的所有文件，然后在src文件下創建index.html文件，
/src/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>webpack</title>
</head>
<body>
<div id="title"></div>
</body>
</html>
配置webpack.config.js文件，安裝html-webpack-plugin插件
npm install html-webpack-plugin --save-dev
然后引入改插件：
const htmlPlugin = require('html-webpack-plugin');
在plugins下，加載htmlPlugin插件
plugins:[
new uglify(),
new htmlPlugin({
minify:{
removeAttributeQuotes:true
},
hash:true,
template:'./src/index.html'
})
]
- minify：是對html文件進行壓縮， removeAttributeQuotes是去掉屬性的雙引號；
- hash：為了開發中js有緩存效果，加入hash，可以有效避免js緩存；
- template：需要打包的HTML模板路徑和文件名稱；
參考地址：