webpack react 打出独立的css文件

前端之家收集整理的这篇文章主要介绍了webpack react 打出独立的css文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

使用webpack require css的方法,默认会把css 打入到js文件中,加载顺序有问题,如果需要打出独立的css文件操作步骤如下:




npm install extract-text-webpack-plugin --save
在webpack.config.js文件添加如下代码


var ExtractTextPlugin = require("extract-text-webpack-plugin");

config的module 中:

{
    test: /\.less$/, loader:  ExtractTextPlugin.extract("style-loader""css-loader!less-loader")
} 
最后plugins添加

plugins: [

new ExtractTextPlugin("[name].css")

]

参考文档:

https://webpack.github.io/docs/stylesheets.html

猜你在找的React相关文章