在node_modules依赖关系中找不到此依赖关系

Question

我有一个Vue.js项目 A ，我想在另一个Vue.js项目 B 中重复使用。

它们的设置非常相似：Vue.js + Typescript

我尝试将组件从 A 导入到 B 。我的工作：

1. 将 A 项目作为git子模块添加到 B
2. 将npm依赖项添加到 A 项目*
3. 从此npm依赖项导入组件

此组件以这种方式使用 A 项目中的一些实用程序：

import { func } from '@/utils/functions';

A 项目在 tsconfig.json 中指定了 paths 选项：

"paths": {
        "@/*": [
            "src/*"
        ]
    }

启动 B 应用程序时，出现错误消息：

This dependency was not found:

* @/utils/functions

似乎在node_modules中无法解析以此方式（@/）指定的相对路径。

那么，我应该如何在 B 项目中定义tsconfig.json来解决导入组件的这种依赖性？还是有其他方法可以执行上述操作（也许是关于webpack的配置）？

Answer 1

在webpack配置中尝试类似的事情

module.exports = {
    configureWebpack: {
        resolve: {
            alias: {
                '@': path.join(__dirname, 'src'),
            }
        },
    }
}