webpack minify HtmlWebpackPlugin - PullRequest
Новая
       14

webpack minify HtmlWebpackPlugin

0 голосов
/ 18 сентября 2018


Я пытаюсь минимизировать мой HTML-файл с помощью Webpack с помощью плагина HtmlWebpackPlugin. Мне удается сделать файл 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'
        })
    ]
}

1 Ответ

0 голосов
/ 18 сентября 2018

Не уверен, с какой именно проблемой вы столкнулись, но вы можете попробовать передать явные параметры в свойстве minify вместо логического значения. Например, чтобы удалить пробел, попробуйте следующее:

Попытка: 

new HtmlWebpackPlugin({
    template: './src/ejs/index.ejs',
    filename: 'index.ejs',
    minify: {
        collapseWhitespace: true
    }
})

Это работает для меня.

Полный список параметров см. В документации .

.
...