其他分享
首页 > 其他分享> > Vite+Vue3设置路径别名

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/*"]
    },
  },
}

标签:node,baseUrl,别名,添加,Vue3,compilerOptions,path,tsconfig,Vite
来源: https://www.cnblogs.com/rzl795/p/16367432.html