react.js - cssModules 与 extract-text-webpack-plugin

问题描述

问 题

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

刚才书上看了一下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.js - cssModules 与 extract-text-webpack-plugin的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！