vite路径别名配置

使用路径别名会比使用相对位置路径会方便很多，比如我把某个组件移动到其他文件夹，如果我在该组件里面import某个文件的函数使用的相对路径，那么我就得把这个路径改为相对于现在的相对路径；但是如果我配置了路径别名，那么这个路径就不需要改变。

环境

vite: v2.4.4
ts: v4.3.5

vite配置

打开vite.config.ts在config里面加上

 resolve: {
      alias: {
        '@': resolve(__dirname, 'src'),
      },
    },

这样就好了，重启项目，别名就生效了，但是如果打开编辑器的话

会发现编辑器不认识，显示红色报错了。

ts配置

打开tsconfig.json,在compilerOptions里加上

    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }

然后打开编辑器

这样路径别名配置就完成了。