锐客网

  1. 首页 > 睿知 > it技术 > >

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

IT知识moduleCreate

【create-react-app 构建的项目使用 css module 方式来书写 css】知是行的主意,行是知的功夫。这篇文章主要讲述create-react-app 构建的项目使用 css module 方式来书写 css相关的知识，希望能为你提供帮助。
create-react-app, css module , css

  1. 先 yarn eject 释放出来配置文件具体参见我之前写过相关的文章（这里不再重复）,
  2. 找到 config 文件夹下的文件如下图所示：
    create-react-app 构建的项目使用 css module 方式来书写 css

    文章图片
  3. 找到如图所示的配置：
    create-react-app 构建的项目使用 css module 方式来书写 css

    文章图片
  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 即可。

    推荐阅读


    上一篇：有趣的安卓视频播放器（VideoView）

    下一篇：springboot启动报错退出，To display the conditions report re-run your application with 'debug' enabl