我正在尝试使用带有HtmlWebpackPlugin
插件的Webpack缩小我的html文件。我设法将index.html
文件制作成我的dist
加载器,但是我在缩小它时遇到了一些麻烦。
dist/
node_modules/
src/
ejs/
js/
css/
server.js
webpack.config.js
package.js
webpack.config.js:
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
entry: './src/js/index.js',
devtool: 'source-map',
output: {
publicPath: '/dist/'
},
module: {
rules: [
{
test: /\.ejs$/,
use: ['ejs-loader']
},
{
test: /\.css$/,
use: ExtractTextPlugin.extract({
use: [{
loader: 'css-loader',
options: {
url: false,
minimize: true,
sourceMap: true
}
}]
})
}
]
},
plugins: [
new HtmlWebpackPlugin({
template: './src/ejs/index.ejs',
minify: true
}),
new ExtractTextPlugin({
filename: 'main_style.css'
})
]
}
不确定您面临的问题是什么,但您可以尝试在minify属性中传递显式参数而不是布尔值。例如,要删除空格,请尝试以下操作:
尝试:
new HtmlWebpackPlugin({
template: './src/ejs/index.ejs',
filename: 'index.ejs',
minify: {
collapseWhitespace: true
}
})
这适合我。
有关选项的完整列表,请查看documentation。