create-react-app项目，自定义别名方案三：customize-cra

create-react-app test
cd test
npm i customize-cra react-app-rewired --save-dev

cd src
rm -r App.test.js reportWebVitals.js setupTests.js
code index.js

const { override, addWebpackAlias } = require('customize-cra');
const path = require('path');
module.exports = override(
  addWebpackAlias({
    "@": path.resolve(__dirname, "src"),
    '@utils':  path.resolve(__dirname, "src/utils"),
    // 添加更多别名
  }),
  // 添加更多自定义配置
);

const path = require('path')
function resolve(dir) {
  return path.join(__dirname, '.', dir)
}
module.exports = function override(config, env) {
  config.resolve.alias = {
    '@': resolve('src'),
    '@utils': resolve('src/utils'),
  }
  return config
}

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

import App from '@/App';