react脚手架不eject修改配置文件如@地址别名alias的方法

在不 'eject' 也不创建额外 react-scripts 的情况下修改 create-react-app 内置的 webpack 配置，然后你将拥有 create-react-app 的一切特性，且可以根据你的需要去配置 webpack 的 plugins, loaders 等。

找到根目录的config-overrides.js文件

const { override, addWebpackAlias } = require('customize-cra')
const path = require('path')

module.exports = override(
  addWebpackAlias({
    ['@']: path.join(__dirname,'./src')
  })
)

没有config-overrides.js就要创建并安装yarn add react-app-rewired customize-cra两个包
具体看这https://ant.design/docs/react/use-with-create-react-app-cn

方法如下:

react-app-rewired： https://github.com/timarney/react-app-rewired/blob/HEAD/README_zh.md 

customize-cra： https://github.com/arackaf/customize-cra  (官方说这是备选方案, 但目前我看到网络上都是用这个方案)

实例看这： https://juejin.im/post/5cf08504e51d4510624f975c