create-react-app 构建的项目使用 css module 方式来书写 css

Posted zhourongcode

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了create-react-app 构建的项目使用 css module 方式来书写 css相关的知识,希望对你有一定的参考价值。

  1. 先 yarn eject 释放出来配置文件具体参见我之前写过相关的文章(这里不再重复),
  2. 找到 config 文件夹下的文件如下图所示:
  3. 找到如图所示的配置:
  4. 书写 css 的文件名例如(App.module.css)
  5. 引入时候使用 import styles from \'./App.module.css\'
  6. 使用时候 className = {styles.xxx} 即可生效。
  7. 当前 ( 2019.01.19 ) 对于 css module 方式书写 CSS 的方法 create-react-app 已经有配置,只是文件名称中添加 module 即可。

以上是关于create-react-app 构建的项目使用 css module 方式来书写 css的主要内容,如果未能解决你的问题,请参考以下文章

create-react-app 构建的项目使用代理 proxy

使用 create-react-app 快速构建 React 开发环境

React使用 create-react-app 快速构建 React 开发环境

create-react-app 构建的项目使用 css module 方式来书写 css

使用Facebook的create-react-app脚手架快速构建React开发环境(ant.design,redux......)

为啥我在使用 create-react-app 的生产构建中丢失了 Bootstrap 样式?