webpack 独立打包 css 文件

插件地址： 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
    ]
}