vite项目中配置路径别名@

这篇文章距离上次修改已过439天，其中的内容可能已经有所变动。

在Vite项目中配置路径别名@，你需要在项目根目录下的vite.config.js文件中使用resolve.alias配置选项。以下是一个配置示例：




// vite.config.js
import { defineConfig } from 'vite';
import path from 'path';
 
export default defineConfig({
  resolve: {
    alias: {
      // 配置路径别名 @ 指向 src 目录
      '@': path.resolve(__dirname, 'src'),
    },
  },
});

在完成上述配置后，你可以在项目中使用@来代替src目录，例如：




// 在任何模块中
import SomeComponent from '@/components/SomeComponent.vue';
 
// 相当于
// import SomeComponent from 'src/components/SomeComponent.vue';

确保重启Vite服务器使配置生效。

vite项目中配置路径别名@

评论已关闭

推荐阅读