码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2019-01-19 11:21:41      阅读:319      评论:0      收藏:0      [点我收藏+]

标签:.com   文件   styles   img   构建   方式   css   yarn   module   

  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

标签:.com   文件   styles   img   构建   方式   css   yarn   module   

原文地址:https://www.cnblogs.com/zhourongcode/p/10290371.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!