vite构建的ts项目配置src别名@

一、安装@types/node

npm install @types/node

二、vite.config.ts 文件中配置以下内容

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

三、 tsconfig.json 文件中compilerOptions下配置以下内容

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

四、配置完后,如果代码还飘红,重启编辑器