插件地址: extract-text-webpack-plugin
安装插件
npm install extract-text-webpack-plugin –save-dev
使用方法,在 webpack.config.js 中增加如下配置
plugins: [
new ExtractTextPlugin('app.css')
]
实例:编译多种 css
// 这里只是做一个演示,实际上不需要单独编译出 less 文件
var extractCSS = new ExtractTextPlugin('./css/[name].css')
var extractLESS = new ExtractTextPlugin('./css/[name].less')
module.exports = {
module : {
loaders: [
{
test: /\.sass/,
loader: extractCSS.extract('style', 'css!sass')
},
{
test: /\.less/,
loader: extractCSS.extract('style', 'css!less')
}
]
},
plugins: [
extractCSS,
extractLESS
]
}