CRA 配置@路径别名

CRA（Create React App）是React.js项目的快速入门工具，它提供了一种便捷的方式来创建新的React应用。在CRA项目中，如果你需要使用路径别名（也称为模块路径映射），通常是为了管理大体积的第三方库，避免直接import时引入的文件路径过长。你可以通过`webpack配置`来设置路径别名。

在`config`目录下的`index.js`文件（现在的默认名称是`config-overrides.js`）中，找到`module.rules`部分，添加一个新的规则：

module.exports = function override(config, env) {
  // 新增路径别名配置
  config.resolve.alias = {
    '@your-alias': path.resolve(__dirname, 'src/path/to/your/alias'), // 替换为你的实际路径
  };

  return config;
};

在这里，`@your-alias`是你自定义的别名，`path.resolve(__dirname, 'src/path/to/your/alias')`是你要映射的实际路径。现在，你在组件或者其他地方导入的时候就可以使用这个别名了，比如 `import MyComponent from '@/components/MyComponent';`。

记得保存更改并重新运行构建，别名就会生效。