create-react-app脚手架不eject webpack配置怎么设置less？

Question

create-react-app脚手架不eject webpack配置怎么设置less？
这里有篇文章是使用暴露webpack配置的方法：https://juejin.im/post/5c14d2...

Answer 1

如何是config-overrider配置生效

• npm i react-app-rewired customize-cra --save-dev
• 修改 package.json 里的配置

...
"scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-scripts eject"
}
...

• 在根目录创建一个 config-overrides.js 文件，添加以下配置

const { override, addWebpackAlias } = require('customize-cra')
const path = require('path')
 
module.exports = override(
  // 配置路径别名
  addWebpackAlias({
    "@": path.resolve(__dirname, 'src')
  })
)

• 在根目录创建一个 paths.json 文件，添加以下配置

{
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
      "@/*": ["*"]
    }
  }
}

• 修改 tsconfig.json 里的配置

{
  ...
  "include": [
    "src"
  ],
  "extends": "./paths.json"