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    ]}