javascript - Webpack 输出是反向的

Question

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

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

我的文件和树结构如下。

样式.scss

body{background:red}

英雄.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

输出是:

样式.css

body{background:green}

英雄.css

body{background:red}

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

Answer 1

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

像这样

http://cssdeck.com/labs/zrrjm1kw