我在最小化 extract-text-webpack-plugin 输出的 css 文件时遇到问题
/* webpack.config.js */
...
loader: [{test: /\.css$/, loader: ExtractTextPlugin.extract('css?minimize')}]
...
plugins: [new ExtractTextPlugin("styles.css")]
...
/* test.js */
require('./file1.css')
/* file1.css */
@import './file2.css';
body {color: green;}
body {font-size: 1rem;}
/* file2.css */
body {border: 1px solid;}
body {background: purple;}
/* the output styles.css */
body{color:green;font-size:1rem}body{border:1px solid;background:purple}
在生成的 styles.css 中,有 2 个 body 标签。似乎缩小是在一个文件内(在 file1.css 和 file2.css 内)执行的,但不是在将两个文件组合并提取到最终的 styles.css 中时执行的。
如何对最终的 style.css 进行缩小?所以输出是
body{color:green;font-size:1rem;border:1px solid;background:purple}