React项目解包和Less预处理

本文介绍了如何在React项目中使用Less预处理器。首先通过create-react-app创建项目,然后通过npm安装less和less-loader。接着,为了进行更深入的配置,执行`eject`命令解包项目。在解包后的配置文件中,对less的规则进行相应的添加,以完成Less的配置。最后提醒在修改配置后要重启项目。
摘要由CSDN通过智能技术生成

1.创建

react脚手架创建:
如果第一次使用脚手架:需要先安装 npm install -g create-react-app
create-react-app xxx(项目名)

注意:可能报错node版本和项目不一致,会提醒你安装对应版本喔
NodeJS学习

2.准备工作

①项目安装less

yarn add less less-loader -D 或 npm install less less-loader

②解包

npm run eject 或 yarn eject
注意: 报错原因可能你没有提交代码,所以git会拦截解包过程,所以
git add . --> git commit -m ‘eject’ --> git push origin 分支

3.配置

项目解包后,会有一个 config 文件夹生成,进入后找到 webpack.config.js
①找到47行附近

// style files regexes
const cssRegex 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值