打包html使用插件html-webpack-plugin

html-loader就是用來處理 html中的圖片的,可以對圖片進行壓縮等優化的操作

命令行安裝:npm install html-loader --save-dev

const HtmlWebpackPlugin = require('html-webpack-plugin');

配置：

plugins: [
new HtmlWebpackPlugin({
template: "./public/index.html",
minify: {
collapseWhitespace: true,//折疊空白區域 、壓縮代碼
removeComments: true, //移除HTML中的注釋，但是會保留script和style中的注釋
removeRedundantAttributes: true,//刪除<script>的type="text/javascript"
removeScriptTypeAttributes: true,//刪除script的類型屬性，在h5下面script的type默認值：text/javascript
removeStyleLinkTypeAttributes: true,//刪除<style>和<link>的type="text/css"
useShortDoctype: true
}
})
] （BY三人行慕課）