ReactJS v18 Vite 配置路径别名 - 简化项目结构

在 Vite 中配置 ReactJS v18 的路径别名可以通过以下步骤完成：\n\n1. 打开项目根目录下的 vite.config.js 文件。\n2. 在文件中添加一个 alias 字段，并设置路径别名的配置，例如：\njavascript\nimport { defineConfig } from 'vite';\n\nexport default defineConfig({\n // ...其他配置项\n \n resolve: {\n alias: {\n '@': '/src', // 设置别名为 @，对应路径为 /src\n // 可以根据需要添加其他的别名配置\n },\n },\n});\n\n3. 保存文件并重新启动 Vite 服务器。\n\n现在，你就可以在你的 ReactJS v18 项目中使用路径别名了。例如，你可以用 @ 来代替 /src 这个路径：\n\njavascript\nimport MyComponent from '@/components/MyComponent';\n\n\n这样，Vite 将会自动将 @ 转换为 /src。