【React】cssModules 与 extract-text-webpack-plugin

由于之前已经用过了extract-text-webpack-plugin,现在的效果是项目中html引入了一个主css文件,然后在extract里配置生成了一个css文件,这个文件把所有js文件中import的css文件全部打包到这里面,这是现在的配置:

【React】cssModules 与 extract-text-webpack-plugin

刚才书上看了一下cssMoudles,觉得挺方便的,主要是由局部样式和全局样式写法,还可以非常方便的写共用样式等,但当我想配置的时候发现书上的loader时这样写的:loader:"style!css?modules&localIdentName=[name]__[local]!sass?sourceMap=true" 后面的sourceMap=true貌似是用于每次import引入css文件时都自动生成一个新的css文件,前面是一些命名规则等等,

***最终问题:我要怎样配置才能共用这两种方式呢?难道还要依赖他这种写法每次import都生成一个新的css文件吗,那感觉太麻烦了. 想听一下大家的看法.***

回答

没有冲突。

ExtractTextPlugin.extract("style!css?modules&localIdentName=[name]__[local]!sass?sourceMap=true")

以上是 【React】cssModules 与 extract-text-webpack-plugin 的全部内容, 来源链接: utcz.com/a/75464.html

回到顶部