初探webpack4--根据模版自动生成HTML

标签：css   注释   最小值   配置   require   save   eem   nim   nbsp   

1、根据HTML模版自动生成HTML
　　　　了解html-webpack-plugin
　　　　　　HtmlWebpaclPlugin会自动为你生成一个HTML文件,根据指定的index.html生成对应的html文件
　　　　安装html-webpack-plugin插件
　　　　　　npm install html-webpack-plugin --save-dev
　　　　配置config文件
　　　　　　const HtmlWebPackPlugin = require(‘html-webpack-plugin‘)
　　　　　　plugins: [
　　　　　　　　new HtmlWebPackPlugin({
　　　　　　　　　　template: "./src/index.html",
　　　　　　　　　　filename: ‘index.html‘,
　　　　　　　　　　minify: {
　　　　　　　　　　　　minimize: true, //是否打包为最小值
　　　　　　　　　　　　caseSensitive:false,//是否大小写敏感
               　　　　　　　collapseWhitespace:true//是否去除空格
                　　　　  　　removeAttributeQuotes:true// 去掉属性引用
                　　　　  　　removeComments:true,//去注释
　　　　　　　　　　　　minifyJS: true //压缩html内的js
　　　　　　　　　　　　minifyCSS: true //压缩html内的样式
　　　　　　　　　　　　removeEmptyElements: true //清楚内容为空的元素
　　　　　　　　　　}
　　　　　　　　})
　　　　　　]

初探webpack4--根据模版自动生成HTML

标签：css   注释   最小值   配置   require   save   eem   nim   nbsp   

原文地址：https://www.cnblogs.com/webtaotao/p/12108053.html