react 设置文件路径别名

由于webpack隐藏了配置文件需要先暴露出来，进入项目目录后在cmd中运行以下代码

npm run eject

你确定要退出吗？这种行为是永久的。
输入y 然后回车
运行结束后在项目文件夹中找到config文件夹

打开webpack.config.js

按下 Ctrl+f 查找 alias 找到配置项
配置一下映射，可以参照以下我的配置

alias: {
     
        "react-native": "react-native-web",
        ...(isEnvProductionProfile && {
     
          "react-dom$": "react-dom/profiling",
          "scheduler/tracing": "scheduler/tracing-profiling",
        }),
        ...(modules.webpackAliases || {
     }),
        // 配置文件别名,左边是别名右边是对应的路径
        "@": path.resolve(__dirname, "../src"),
        "@scss": path.resolve(__dirname, "../src/assets/scss"),
        "@images": path.resolve(__dirname, "../src/assets/images"),
        "@views": path.resolve(__dirname, "../src/views"),
        "@components": path.resolve(__dirname, "../src/components"),
      },

配置完成后重新启动一下项目就行了