如何在项目中配置scss

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

黔芯

2021-09-17

老师,如果项目是用scss,那应该如何配置才能也有ts的提示效果呢?我尝试过直接把后缀css替换成scss。看了看npm上面的官方介绍,没有说具体的一个配置。

写回答

1回答

阿莱克斯刘

2021-09-18

scss没有被create-react-app原生支持,所以配置起来比较麻烦。

需要先安装和配置scss loader:

https://create-react-app.dev/docs/adding-a-sass-stylesheet/

然后再完成scss的配置:

https://sass-lang.com/documentation/js-api#options

最后再使用 typescript-plugin-css-modules 或者 typings-for-css-modules-loader 模块化scss

https://skovy.dev/generating-typescript-definitions-for-css-modules-using-sass/

其实我也没有在create-react-app项目中配置过scss,使用scss的项目都是直接用webpack自己配置的。。。😂


0
1
coderZzy
那老师,less也是这种情况吗
2022-02-02
共1条回复

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

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

1993 学习 · 1015 问题

查看课程