react配置别名alias?

1、tsconfig.json “compilerOptions”对象里加入如下

    "baseUrl": "src", // 工作根目录
    "paths": { // 指定模块的路径，和baseUrl有关联，和webpack中resolve.alias配置一样
      "@/*": ["./*"],
      "@components/*": ["./components/*"],
      "@pages/*": ["./pages/*"],
      "@assets/*": ["./assets/*"],
      "@utils/*": ["./utils/*"],
      "@stories/*": ["./stories/*"],
    },

2、webpack.config.js 搜索alias，对象里加入如下（我加入了多个，你可以写一个）

        '@': path.resolve(__dirname, '../src'),
        '@components': path.resolve(__dirname, '../src/components'),
        '@pages': path.resolve(__dirname, '../src/pages'),
        '@assets': path.resolve(__dirname, '../src/assets'),
        '@utils': path.resolve(__dirname, '../src/utils'),
        '@stories': path.resolve(__dirname, '../src/stories'),