我使用webpack构建静态HTML页面,并以ejs作为模板。
但是在输出中我得到了一个未缩小的HTML页面。
我的构建脚本是:
"debug": "webpack -d --progress --color",
"release": "set NODE_ENV=production && webpack -p --progress --color"
我的webpack.config在这里:
module: {
loaders: [
...
{
test: /\.html$/,
loader: "raw!html-minify"
},
{
test: /\.ejs$/,
loader: "ejs-compiled"
},
...
]
},
...
plugins: [
new webpack.ProvidePlugin({
_: "underscore"
}),
new HtmlWebpackPlugin({
title: 'Custom template',
template: './src/views/index.ejs'
}),
new webpack.DefinePlugin({
NODE_ENV: JSON.stringify(NODE_ENV)
})
],
...
模板看起来像这样
<% include el/header.ejs %>
在编译ejs后,我该怎么做才能缩小HTML?