create-react-app与sass

create-react-app中依赖的react-scripts中webpack没有对sass和less做配置,所以使用时要我们自己来配置。

1、执行 yarn eject        --弹出配置文件(注意:这个操作是不可逆的)

2、执行 yarn add node-sass sass-loader   --安装sass依赖

3、在config文件中找到webpack-config-dev.js和webpack-config-prod.js文件

4、两个文件中同样都加上红色方框中的内容;


代码如下:

{
    test: /\.scss$/,
    loaders: ['style-loader', 'css-loader', 'sass-loader'],
},
exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/, /\.scss$/],

5、配置完成

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值