Webpack удалить HTML комментариев к производственной сборке - PullRequest
0 голосов
/ 21 апреля 2020

Как удалить комментарии внутри файлов HTML, когда я делаю производственную сборку Webpack?

После того, как я сделаю производственную сборку в Webpack, я хотел бы получить файл html без комментариев.

Текущее решение использования TerserPlugin / UglifyJsPlugin работает только для JavaScript файлов?

Я использую следующее регулярное выражение test: /\.html(\?.*)?$/i,, но все равно не работает.

Я запускаю команду: $ npm run production

Секция сценариев из пакета. json Файл:

"scripts": {
            "production": "webpack --optimize-minimize --config production.config.js",
        },

Файл рабочей конфигурации Webpack - production.config. js.

Ниже не удаляются HTML комментарии

    module: {
        rules: [
            {
                test: /\.css$/,
                use: [
                    // style-loader
                    {
                        loader: 'style-loader'
                    },
                    // css-loader
                    {
                        loader: 'css-loader',
                        options: {
                            modules: true
                        }
                    },
                    // sass-loader
                    {
                        loader: 'sass-loader'
                    }]
            },
            {
                test: /\.html$/i,
                use: ['file-loader?name=[name].[ext]', 'extract-loader', 'html-loader']
//              use: [{
//                  loader: ['html-loader'],
//                  options: {
//                      minimize: true
//                  }
//              }]
            }
    ]
    },
optimization: {
        minimize: true,
        minimizer: [
          new TerserPlugin({
              // https://github.com/webpack-contrib/terser-webpack-plugin#terseroption
              test: /\.html(\?.*)?$/i,
              // 
              // https://webpack.js.org/plugins/terser-webpack-plugin/#remove-comments
            terserOptions: {
              output: {
                comments: false,
              },
            },
              extractComments: false,
          }),
        ],
    },
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...