如何在项目中配置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自己配置的。。。😂
012022-02-02
相似问题