0

我正在开发一个有两个子项目的项目：我们称它们ProjectA为ProjectB. 这些是完全不同的项目，但都是用 Typescript 编写的，并使用 webpack 作为打包器。

在开发过程中，我想使用 in 的某些部分ProjectA，ProjectB但总体要求是ProjectB必须将所有代码ProjectA作为外部依赖项使用 - 通过 script 标签，而不是通过 npm 安装等。

所以我的想法是捆绑 的代码ProjectA，使用输出配置属性的库选项webpack，将生成的捆绑包托管在某处，并ProjectB通过脚本标记将其包含在其中。ProjectA但是由于我会在开发过程中使用一些功能ProjectB，所以我也想从中Typescript受益。

有人可以在这里指出我正确的方向吗？

4

1 回答 1

1

创建两个子文件夹，/a/然后/b/使用别名轻松地从 a 引用 b：

// webpack.config.js
 module.exports = {
  //...
 resolve: {
   alias: {
    b: path.resolve(__dirname, '../b/')
   }
  }
};

然后您可以轻松地在部件之间导入：

  import Something from "b/something";

但总体要求是 ProjectB 必须使用 ProjectA 中的所有代码作为外部依赖项 -

然后将另一个 webpack 文件添加到/b/，外部构建 b 作为库 并将其作为外部添加到 a：

 externals: {
   b: "b"
 }
于 2018-10-16T19:10:19.553 回答