防止 HtmlWebpackPlugin 在生产中最小化换行符

问题描述

这是我的 webpack 配置的相关部分：

plugins: [
    new HtmlWebpackPlugin({
      template: './src/index.html',hash: false,// for testing purposes
      minify: false,}),]

尽管 minify: false，如果 mode: 'production'，HTML 变成一行。如果 mode: 'development'，那么它是多行。如果我改变hash: true，那么它变成一行带有用于缓存破坏的查询字符串哈希，这证明它读取了这个配置对象。

但是为什么它会截断换行符？我尝试了specify an object并设置collapseWhitespace和其他道具而不是minify: false，但它也没有效果，仍然是一行。以下是 package.json 中的版本列表：

"devDependencies": {
    "@babel/cli": "^7.14.5","@babel/core": "^7.14.6","@babel/preset-env": "^7.14.5","babel-loader": "^8.2.2","babel-plugin-angularjs-annotate": "^0.10.0","css-loader": "^5.2.6","css-minimizer-webpack-plugin": "3.0.1","html-loader": "^2.1.2","html-webpack-plugin": "5.3.1","mini-css-extract-plugin": "1.6.0","postcss": "^8.3.4","style-loader": "^2.0.0","webpack": "5.39.0","webpack-cli": "4.7.2","webpack-dev-server": "3.11.2","webpack-merge": "^5.8.0"
  }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html-webpack-plugin webpack webpack webpack webpack-production