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