微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Vite+Vue3设置路径别名

// 1.vite.config.js文件添加
import path from 'path' 
// 如果引入的时候报错则需要 npm install --save-dev @types/node
resolve: {
  alias: {
    '@': path.resolve(__dirname, 'src')
  }
},

// 2. tsconfig.node.json  文件添加 设置导入规则
{
  "compilerOptions": {
    ...
    "allowSyntheticDefaultImports": true
  }
} 
// 3. tsconfig.js 文件 主要需要添加baseUrl
{
  "compilerOptions": {
    ...
    "baseUrl": "",
    "paths": {
      "@/*": ["src/*"],
      "/#/*": ["types/*"]
    },
  },
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐