javascript - 如何最小化 webpack to-string-loader css？

Question

我正在使用这个解决方案:https://stackoverflow.com/a/45452306/417620 .效果很好，但返回的 CSS 内容带有注释且未缩小。

module: [
    rules: [
      {
        test: /\.css$/,
        use: ['to-string-loader', 'css-loader']
      }
    ]
  }

我正在使用 webpack 4。我尝试使用多种不同的加载器，但它们似乎不再适用于 webpack 4，或者它们仅在将 CSS 导出到文件时才有效。有没有办法删除 CSS 注释并缩小返回的 CSS？

这是将 CSS 作为字符串返回的 js。从 './myCss.css' 导入 myCss;

Answer 1

你需要给你的 css-loader 最小化选项 true

module: [
    rules: [
        {
          test: /\.css$/,
          use: [
            {
              loader: "to-string-loader",
            },
            {
              loader: "css-loader",
              options: { minimize: true },
            },
          ],
       }
    ]
  }

to-string-loader 将有助于将其转换为字符串。 css-loader 将负责缩小。

希望对您有所帮助。如有任何疑问，请回复。