vue3 vue-cli typescript 配置源码路径别名

1 tsconfig.json
path属性中新增自定义别名的路径
文件中默认配置了src路径的别名@

"paths": {
  "my-service/*": [
    "src/service/my/*"
  ],
  "@/*": [
    "src/*"
  ]
},
  1. vue.config.js
    增加webpack路径别名配置
function resolvePath(...dir) {
    return path.join(__dirname, ...dir)
}
module.exports = defineConfig({
    chainWebpack: config => {
        config.resolve.alias
            .set("my-service", resolvePath("src/service/my"))
    }
})

posted on 2022-04-11 22:37  路过君  阅读(22)  评论(0编辑  收藏  举报

导航