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/*"]
    }

然后打开编辑器

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

评论

0 / 800
全部评论()