Webpack输出相反

时间:2018-03-06 19:23:46

标签: javascript css webpack sass config

我想提取两个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 个答案:

答案 0 :(得分:0)

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

像这样的东西

http://cssdeck.com/labs/zrrjm1kw