reactjs v18 vite 配置 路径别名

在 Vite 中配置 ReactJS v18 的路径别名可以通过以下步骤完成：

1. 打开项目根目录下的 vite.config.js 文件。
2. 在文件中添加一个 alias 字段，并设置路径别名的配置，例如：

import { defineConfig } from 'vite';

export default defineConfig({
  // ...其他配置项
  
  resolve: {
    alias: {
      '@': '/src', // 设置别名为 @，对应路径为 /src
      // 可以根据需要添加其他的别名配置
    },
  },
});

3. 保存文件并重新启动 Vite 服务器。

现在，你就可以在你的 ReactJS v18 项目中使用路径别名了。例如，你可以用 @ 来代替 /src 这个路径：

import MyComponent from '@/components/MyComponent';

这样，Vite 将会自动将 @ 转换为 /src