React项目中 使用 CSS Module
发布日期:2021-07-01 02:18:59
浏览次数:2
分类:技术文章
本文共 945 字,大约阅读时间需要 3 分钟。
安装react-app-rewired
由于新的 react-app-rewired@2.x 版本的关系,还需要安装 customize-cra。但是我们这里不需要安装 react-app-rewired@2.x。只需要安装 react-app-rewired@2.0.2-next.0这个版本就可以了。
yarn add react-app-rewired@2.0.2-next.0 --save-dev //这个版本比较稳定
修改package.json
/* package.json */"scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test --env=jsdom",}
安装css-modules包
//scss版本yarn add --dev react-app-rewire-css-modules sass-loader sass //less版本yarn add --dev react-app-rewire-less-modules
根目录创建config-overrides.js并编辑以下代码
/*config-overrides.js */const { injectBabelPlugin } = require('react-app-rewired');const rewireCssModules = require('react-app-rewire-css-modules');module.exports = function override(config, env) { //css模块化 config = rewireCssModules(config, env); return config;};
css文件后缀需要加上特殊写法
*.module.css*.module.less*.module.scss
作者:Vam的金豆之路
主要领域:前端开发
我的微信:maomin9761
微信公众号:前端历劫之路
转载地址:https://maomin.blog.csdn.net/article/details/107005678 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
感谢大佬
[***.8.128.20]2024年04月21日 15时14分19秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
end kernel panic not syncing
2019-05-01
kali选择并安装软件失败
2019-05-01
linux 服务器时间比电脑慢12小时
2019-05-01
ip_forward 权限不够
2019-05-01
arpspoof未找到命令 或者 无法定位软件包 dsniff
2019-05-01
driftnet 未找到命令
2019-05-01
DOS之泛洪攻击
2019-05-01
kali 链接外网
2019-05-01
device or resource busy
2019-05-01
xshell 连接 kail
2019-05-01
kali教你路由转发
2019-05-01
kali 在手机上安装 apk
2019-05-01
~~~~我的简历呦~~~~
2019-05-01
java 版本新特性
2019-05-01
react 官网学习笔记
2019-05-01
Unable to load library ‘main‘: ÕҲ»µ½ָ¶
2019-05-01
linux配置阿里云yum源
2019-05-01
java调用C/C++生成dll程序案例
2019-05-01