如何在项目中配置scss

Question

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

Answer 1

阿莱克斯刘 2021-09-18 02:45:22

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自己配置的。。。😂

• coderZzy #1

  那老师，less也是这种情况吗