less路径别名解析问题

Question

在使用less的时候由于引入文件目录层级过深，想使用路径别名。
vue.config.js

chainWebpack: config => {
        config.resolve.alias.set("@packages", resolve('packages')).set("@common", resolve('common'))
    },

tsconfig.json

"paths": {
      "@packages/*":["packages/*"],
      "@common/*":["common/*"]
    },

项目目录结构

在index,使用路径别名@import "~@common/base.less";
没有找到正确的路径，被解析为