umi中使用scss

第一步:
npm i node-sass sass-loader --save
第二步:
在.umirc.ts或者.umirc.js中加入以下代码即可
cssLoaderOptions:{
localIdentName:’[local]’
}
原因是因为:
结构:
在这里插入图片描述

在这里插入图片描述

打开浏览器的控制台查看sources
找到引用的css文件,搜索可以看到好像我们的样式确实是存在的,只不过被加上了前缀及后缀
在这里插入图片描述
加上上面的代码后:
在这里插入图片描述