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

總結

以上是生活随笔為你收集整理的webpack 独立打包 css 文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。