Webpack 输出是反向的

Question

我想提取两个 scss 个文件来分隔 css 个文件。

样式编译正确，但文件错误。

我的文件和树结构如下。

style.scss

body{background:red}

hero.scss

body{background:green}

css.js

import styles from '../sass/style.scss'

hero.js

import hero from '../sass/hero.scss'

webpack.config.js

http://cssdeck.com/labs/83ywcysv

输出是：

style.css

body{background:green}

hero.css

body{background:red}

配置中是否缺少某些内容？

Answer 1

如果你想在输出中有两个不同的 css 文件，你需要有两个不同的规则来告诉 webpack 使用哪个文件。
创建两个 ExtractTextPlugin 实例并在规则中使用它们。

像这样

http://cssdeck.com/labs/zrrjm1kw