在支持Typescript的情況下將一個項目的捆綁代碼包含到另一個項目中

Question

我正在一個有兩個子項目的項目中：我們稱它們為ProjectA和ProjectB 。 這些是完全不同的項目，但是都是用Typescript編寫的，並使用webpack作為捆綁程序。

在開發過程中，我想在ProjectB使用ProjectA某些部分，但總體要求是ProjectB必須將ProjectA中的所有代碼作為外部依賴項使用-通過腳本標記，而不是通過npm安裝等。

因此，我的想法是使用webpack的輸出配置屬性的庫選項將ProjectA的代碼捆綁在一起，將生成的捆綁包托管在某個地方，然后通過腳本標簽將其包含在ProjectB 。 但是，由於在ProjectB開發過程中會使用ProjectA一些功能，因此我也想從Typescript受益。

有人可以在這里指出正確的方向嗎？

Answer 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，為庫 ，並將其添加作為外部給：

 externals: {
   b: "b"
 }