除了css,如果要用less跟scss呢?

来源:3-7 【延伸阅读】CSS in JS (JSS)

光之力普罗米斯

2023-03-12

老师您好,在课程中,我们学习了使用作用域的css样式开发,但是如果为了后期的方便,使用less,跟scss呢?如何在项目中配置呢?

写回答

1回答

光之力普罗米斯

提问者

2023-03-15

额额,我看了其他老师回答其他同学的提问的答案,应该是那个时候create-react-app框架还没有原生支持scss跟sass,但是现在已经原生支持了,但是less还没有,还是需要使用 eject 命令来获取react框架的webpack配置文件,安装相应的less文件的预处理器,less跟less-loader,在项目的webpack配置文件中配置好less的预处理器。(这个框架webpack配置文件中有,与scss同样);

然后再在.d.ts中配置相应的类型声明(可以参照项目源码配置),就可以使用module,模块化了,也不需要安装任何css的模块化插件了(新版本的react框架默认支持模块化css,命名规则与视频教程一样,需要加上*.module.(less|sass|css|scss))

0
0

React18 系统精讲 结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发,获取必备技能

1993 学习 · 1015 问题

查看课程