Webpack 输出反转答案

【问题标题】：Webpack output is reversedWebpack 输出反转
【发布时间】：2018-03-06 19:23:46
【问题描述】：

我想提取两个 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}

我在配置中缺少什么吗？

【问题讨论】：

【解决方案1】：

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

类似的东西

【讨论】：