vite.config.js配置别名

在 `vite.config.js` 中配置别名有两种方法：使用 `resolve.alias` 或 `resolve.alias`。

使用 `resolve.alias` 的示例代码如下：

import { defineConfig } from 'vite';

export default defineConfig({
  resolve: {
    alias: {
      '@': '/src', // 将 @ 别名映射到 /src
      'components': '/src/components', // 将 components 别名映射到 /src/components
      // 可以添加更多的别名配置...
    },
  },
});

使用 `resolve.alias` 的示例代码如下：

import { defineConfig } from 'vite';

export default defineConfig({
  resolve: {
    alias: [
      { find: '@', replacement: '/src' }, // 将 @ 别名映射到 /src
      { find: 'components', replacement: '/src/components' }, // 将 components 别名映射到 /src/components
      // 可以添加更多的别名配置...
    ],
  },
});

这样配置别名后，你可以在你的代码中使用 `@` 或 `components` 来引入模块，而不需要使用相对路径。例如：

import MyComponent from '@/components/MyComponent';
// 或
import MyComponent from 'components/MyComponent';

希望这能帮到你！如果还有其他问题，请随时问我。