我在extract-text-webpack-plugin提出了这个问题,但目前看来这个插件不支持这个功能(我不确定)。
如何在下面的示例中提取main.scss
和home.scss
进入main.css
和?home.css
结果:没有错误,只是home.css
创建了。
主页.js
import '../scss/main.scss';
import '../scss/home.scss';
主文件
.test1 { color: #f00; }
主页.scss
.test2 { color: #00f; }
webpack.config.js
let webpack = require('webpack');
let ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
module: {
rules: [{
test: /\.js$/,
exclude: /node_modules/,
use: 'babel-loader'
}, {
test: /\.scss$/,
use: ExtractTextPlugin.extract(['css-loader', 'sass-loader'])
}]
},
entry: {
'home': './scripts/home.js'
},
output: {
filename: '[name].js',
path: __dirname + '/static/scripts',
publicPath: '/static/'
},
plugins: [
new ExtractTextPlugin('../css/[name].css')
]
};