如何在Angular的构建期间从Web Pack捆绑包中排除子应用程序

时间:2019-10-06 15:11:31

标签: angular typescript webpack build tsconfig

正在研究以下博客:

https://medium.com/disney-streaming/combining-multiple-angular-applications-into-a-single-one-e87d530d6527

我创建了三个应用程序:mainApp,subApp1,subapp2。

在主项目的项目目录内创建SubApp1和subApp2应用程序(使用ng g应用程序subApp1 --routing = true命令)。

我能够成功运行应用程序。

但是我需要与博客略有不同的是,子应用程序不必是独立的,而是可以像一个可选项目(专门为不同的可选功能/功能创建)一样具有一些我必须使用的特定组件在主项目中。

如果没有主应用程序,这些子应用程序也没有任何意义。 由于可能存在多种情况,如下所示:

  • 主应用将仅使用SubApp1中的组件。
  • 主应用将仅使用SubApp2中的组件。 或者
  • 主应用将同时使用两个子应用,或者都不使用。

我希望在构建项目之后,我可以将该子应用程序捆绑在web-pack捆绑包中,其组件将在主应用程序中使用。需要将子应用程序从dist文件夹中排除必填。

根据一些类似的问题,我做了以下操作,例如:

  • 更改tsconfig.app.json文件:在排除参数中添加子应用程序:
"exclude": [

    "src/test.ts",

    "src/**/*.spec.ts",

    "projects/subApp1"

    ] 
  • angular.json中的更改:在lint选项的排除参数中添加子应用程序的路径。

但是构建后,我仍然可以在dist文件夹的subApps中制作模块。

让我知道以上步骤或其他方法是否需要做一些更正。

0 个答案:

没有答案