REACT_react配置sass

安装

常规安装命令

npm install node-sass -D

安装自定版本

npm install node-sass@4.14.1

卸载sass命令

npm uninstall node-sass;

有个小坑,node-sass版本不同对node的要求不一样。
Node 11 -----> node-sass 4.10
Node 10 ----> node-sass 4.9+
Node 8 -----> node-sass 4.5.3+

使用

比如手脚架的App.css就改成App.scss后引入就可以使用啦

错误解决

./src/views/index/index.scss (./node_modules/css-loader/dist/cjs.js??ref–5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref–5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref–5-oneOf-6-4!./src/views/index/index.scss)
Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0.

解决方法:降低当前版本,先卸载sass后使用以上安装自定版本命令重新安装即可

猜你喜欢

转载自blog.csdn.net/weixin_44599931/article/details/118635714