vite 配置 alias

vite.config.js

//方法一
 export default defineConfig({
  resolve:{
    alias:{
      '@':'/src/',      //格式一定要写对喽不然没有代码提示或者报错
    }
  }
})

//方法二
const path = require("path")

export default defineConfig({
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src"),
      "pages": path.resolve(__dirname, "src/pages"),
      "styles": path.resolve(__dirname, "src/styles"),
    },
  },
});

// 方法三
export default defineConfig({
  resolve: {
    alias: [{
        find: '@',
        replacement: path.resolve(__dirname, 'src')
      },
      {
        find: 'pages',
        replacement: path.resolve(__dirname, 'src/pages')
      }
    ],
  },
});

如果使用了typescript，需要加额外配置 tsconfig.json

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