vite配置路径别名

1、在vite.config.js中

 resolve: {
    alias: [
      {
        find: '@',
        replacement: path.resolve(__dirname, 'src')
      }
    ],
    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json']
  }

此时已经可以通过 ‘@/*’ 来引入文件，但是vscode会飘红，需要在tsconfig.json中增加如下配置

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