Angular 2构建单个模块

Question

我知道如何使用 Angular CLI 构建我的项目:ng build --prod
如何分别编译每个模块？这是我的项目:


AnagAccreditamento和 cruscottofiliera是独立的模块，它们的 module.ts , routing.module.ts文件。我如何单独构建它们并在以后将它们插入到我的项目中，就好像它们是库一样？

Answer 1

不确定 angular2，但您“可以”(!)绝对可以使用 angular 10 来执行此操作。不确定这是否是正确的方法(或者进一步分离是否是个好主意)。
要实现在单个项目中构建多个模块:

您显然需要多个模块。所以不仅app.module.ts但另一个包含类似模型配置的东西，即称为 app-extension.module.ts .

因此，您需要另一个 main.ts文件，引用模块。 IE。调用main-extension.ts .您在那里导入特定模块并引导它。

tsconfig.app.json 相同-> tsconfig.app-extension.json

接下来，在您的 angular.json文件，您可以通过添加以下内容来扩展项目 -> 架构师 -> 构建部分:

   "configurations": {
     "extension": {
       "main": "src/main-extension.ts",
       "tsConfig": "tsconfig.app-extension.json",
       "outputPath": "../resources/public/extension"
     }

终于在你的package.json你添加一个新脚本

     "build:extension": "ng build && ng build --output-hashing none --configuration extension "

--output-hashing none 在这里并不真正相关。我这样做是为了构建一个自定义元素模块/网络组件以供独立使用，所以这就是我把它留在这里的原因。下一步将是连接。更好的选择可能是使用 https://github.com/manfredsteyer/ngx-build-plus#readme为了这个目的..

构建只需执行 npm run build:extension