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