![18deb544408dd8eb3cd263304bcb408f.png](https://i-blog.csdnimg.cn/blog_migrate/7fdea864c94101cc23e788d55bbe444e.jpeg)
React-TS项目中使用sass
安装 node-sass sass-loader yarn add node-sass sass-loader
或者: npm/cnpm node-sass sass-loader --save-dev 注意@types/node-sass 如果提示安装你在安装,不提示就不用安装了,谨记!!!
安装完成之后,如果之前已经暴露出来项目的配置文件就直接修改
在项目的根目录 yarn eject 暴露项目配置文件
{
test: /.scss$/,
include: [path.join(__dirname, './../', 'src')],
use: [
'style-loader',
'css-loader',
'sass-loader'
]
},
如果需要安装css-loader和style-loader就按照提示安装就行,安装之后重启服务,
.scss文件结尾的就可以正常使用了
![3b50b30581213321a6149746b9d7c2b6.png](https://i-blog.csdnimg.cn/blog_migrate/6e14558e65216dc9f34ffd21d5c39e0a.jpeg)
以上源代码的问题和解决方式都在React-TS项目源码github.com https://github.com/focusdroid/meiriyouxian_react_tsgithub.com