Vite中的别名配置,解决./../问题,类似于vue中的@

88 阅读1分钟

用vite创建的项目,组件的路由路径配置一般需要在前面添加./或者../表示同级或者上级,有时候容易出错。在vite.config.js文件中添加以下代码,可以实现将组件中路由路径的./或../替换成@,简单方便,不易出错。

原版: 在这里插入图片描述 添加以下代码:

const path = require('path')
export default defineConfig({
  resolve: {
    alias:{
      '@': path.resolve( __dirname, './src' )
    }
  }
})

改版: 在这里插入图片描述