Как удалить комментарии внутри файлов 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,
}),
],
},