77.在webpack.config.js中添加minify,设置removeComments为true,删除模板中的注释,修改内容如下

var webpack = require('webpack');var HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = {	entry:  __dirname + "/app/Greeter.js",	output: {		path: __dirname + "/build",		filename: "bundle.js"	},	devServer:{		contentBase:"./public",		historyApiFallback:true,		inline:true	},	module:{		loaders:[			{				test:/\.json$/,				loader:"json-loader"			},			{				test:/\.js$/,				exclude:/node_modules/,				loader:'babel-loader'			},			{				test:/\.css$/,				loader:'style-loader!css-loader?modules'			}		]	},	plugins:[		new webpack.BannerPlugin("copyright suyan"),		new HtmlWebpackPlugin({			template:__dirname + "/app/index.tmpl.html",			title:'htmlwebpackplugin filename test',			filename:'filename.html',			inject:true,			hash:true,			minify:{				removeComments:true			}		})	]}

78.修改index.tmpl.html文件,修改内容如下

	
      	
       	
        <%= htmlWebpackPlugin.options.title %>

79.使用webpack命令打包

80.查看生成的filename.html文件,生成内容如下

	
      	
       	
        htmlwebpackplugin filename test

说明

在index.tmpl.html文件中我们编写了注释内容
      ,但因我们在webpack.config.js文件中配置了minify:{removeComments:true},所以在我们查看filename.html文件时并没有注释内容