根据 Dan Abramov 的推文,create-react-app(CRA)支持 CSS 模块。只需要将样式表的扩展名更改为
module.css
以启用此功能,但这对我不起作用。我使用的是 react-scripts
版本1.1.4。我该如何在 CRA 中启用 css 模块?谢谢。module.css
以启用此功能,但这对我不起作用。我使用的是 react-scripts
版本1.1.4。我该如何在 CRA 中启用 css 模块?谢谢。运行命令:npm run eject
然后您将获得一个配置文件,在其中打开 webpack.config.js 文件
搜索 test: cssRegex 或者直接搜索 cssRegex,现在您将看到类似于以下内容:
test: cssRegex,
exclude: cssModuleRegex,
use: getStyleLoaders({
importLoaders: 1,
sourceMap: isEnvProduction && shouldUseSourceMap,
}),
现在在importLoaders:1后面添加modules:true,然后保存文件。
现在可以使用npm start重新启动服务器,您将看到应用了样式。
打开.js文件并像这样导入语句
import cssStyleClassName from './MyAppStyle.css';
<div className={cssStyleClassName.styleName}></div>
其中styleName
是你在MyAppStyle.css
文件中定义的。.styleName{
your properties here...
}