使用webpack在模板编译后缩小HTML

时间:2016-07-30 21:58:44

标签: javascript html webpack frontend ejs

我使用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?

0 个答案:

没有答案