craco-alias https://github.com/risenforces/craco-alias#examples
    image.png

    1.  yarn add craco-alias -D
    1. 项目根目录创建 tsconfig.extend.json

    2. 配置文件如下

      1. {
      2. "compilerOptions": {
      3.  "baseUrl": "./src",
      4.  "paths": {
      5.    // file aliases 使用index.tsx的写法
      6.    "@baz": ["./baz.ts"],
      7.    "@boo": ["./boo.tsx"],
      9.    // folder aliases 使用别名下的模块的写法
      10.    "@root": ["./"],
      11.    "@root/*": ["./*"],
      12.    "@lib": ["./lib"],
      13.    "@lib/*": ["./lib/*"],
      15.    // package aliases
      16.    "@my-react-select": [
      17.      "../node_modules/react-select",
      18.      "../node_modules/@types/react-select"
      19.    ],
      20.    "@my-react-select/*": [
      21.      "../node_modules/react-select/*",
      22.      "../node_modules/@types/react-select"
      23.    ]
      24.  }
      25. }
      26. }

    3. tsconfig.json，extends ```json {

    • “extends”: “./tsconfig.extend.json”, “compilerOptions”: { … }, } ```
    1. craco.config.js ```json const CracoAlias = require(“craco-alias”);

    module.exports = { plugins: [ { plugin: CracoAlias, options: { source: “tsconfig”, // baseUrl SHOULD be specified // plugin does not take it from tsconfig baseUrl: “./src”, // tsConfigPath should point to the file where “baseUrl” and “paths” are specified tsConfigPath: “./tsconfig.extend.json” } } ] } ```