react中怎么安装sass？下面本篇文章给大家介绍一下react中安装使用sass的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
1、下载依赖node-sass和sass-loader
npm install node-sass sass-loader --save-dev //前提必须要有node
2、找到webpack.config.dev.js
文件位置：node_modules\react-scripts\config\webpack.config.dev.js
3、配置webpack.config.dev.js
在node_modules/react-scripts/config下找到 webpack.config.dev.js 文件，在 exclude 中添加/.scss$/,
并在loaders中添加一项：
{
test:/\.scss$/,
loaders:['style-loader','css-loader','sass-loader'],
},
像这样：
至此，Sass 就配置好了。
注意，我们只是修改了 webpack.config.dev.js ,如果要在生产环境中生效，需要在webpack.config.prod.js做同样的配置。
引入千牛UI测试一下
安装QNUI
QNUI提供了npm来源gaodai#ma#com搞*!代#%^码网包的引入方式，在项目目录下运行
npm install qnui --save
在文件头部引入QNUI
import 'qnui/lib/button/index.scss'; import Button from 'qnui/lib/button';
重新npm start
更多react的相关知识，请查阅 搞代码网 ！！
以上就是react中怎么安装sass？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：react中怎么安装sass？
转载请注明原文链接：react中怎么安装sass？
