解决方案一 :react-app-rewired

https://www.jianshu.com/p/930dc37e8e08?utm_campaign=shakespeare&utm_content=note&utm_medium=writer_share&utm_source=weibo

react-app-rewired 是对create-react-app 进行自定义配置的社区解决方案。它不会直接去修改create-react-app的默认配置,而是在create-react-app配置的基础上进行扩展。

解决方案二(推荐):craco

https://www.jianshu.com/p/930dc37e8e08?utm_campaign=shakespeare&utm_content=note&utm_medium=writer_share&utm_source=weibo

安装

  1. yarn add --dev @craco/craco craco-less

需要按如下来配置对应版本,不然存在兼容性

image.png

创建 craco.config.js ,并配置

  1. const CracoLessPlugin = require('craco-less')
  2. module.exports = {
  3. plugins:[
  4. ]
  5. }

image.png
image.png
相关文档:https://www.jianshu.com/p/81e955d3e52b