在React项目中配置less需要改配置文件，所以我们需要找到webpack.config.js文件。现在creat-react-app创建的react项目都是17版本以后的，配置文件被隐藏起来了，我们需要通过yarn eject命令将配置文件显示出来，注意这一操作不可逆。
接下来我们需要安装less相关的依赖
yarn add less less-loader 或者 npm install less less-loader
下面需要修改配置文件：
1.增加less文件的正则校验
2.模仿代码中提供的sassRegex代码，添加如下代码
本以为配置了这些就可以了，后来发现重启项目报以下错误：
原因是less-loader的版本太高了，我们需要降一下这个版本就可以了
此时，如果我们的写法是这样的
这时样式文件是不生效的，因为我们使用了CSS Module，需要去开启这个
在配置中加入这个就可以了，如果我们不加入这个配置，引入less文件就需要这样
安装react脚手架工具create-react-app并创建项目 react配置less 安装less、less...
一、配置less 在配置less之前，我使用create-react-app，得到React版本为^16.8.6。...
在React项目中配置less需要改配置文件，所以我们需要找到webpack.config.js文件。现在crea...
一、react中添加Less/sass配置： 第一步：先释放出react配置文件（释放出config和script...
react项目构建使用脚手架：create-react-app 配置：antd UI框架配置和less配置 一、命...
react脚手架如何配置less和ant按需加载的方法步骤 这篇文章主要介绍了react脚手架如何配置less和a...
React+Electron+antd+Less集成环境配置 标签（空格分隔）： React [TOC] Reac...
create-react-app配置less环境 最近使用react搭建一个私人项目，css解决方案采用less+...
1. 创建React 工程 2.添加less和less-loader 两个依赖库 注意： 如果步骤3 在步骤2前先...
第一步：暴露出webpack配置文件 终端命令：npm run eject (此命令一旦运行不可逆) 第二步：安装...
本文标题：React中配置less
本文链接：https://www.haomeiwen.com/subject/zrkrqltx.html
网友评论