使用 ng serve 运行 AOT + Rollup 编译？

Question

我的 angular2 项目中有以下脚本，通常当我想运行项目时，我使用的命令是 ng serve... (start-prod, start-uat, start-dev)

但是，在我阅读了有关 AOT https://angular.io/guide/aot-compiler#workflow-and-convenience-script 的信息后，我尝试按照步骤进行操作，但不知道如何启动应用程序，因为 ng serve 只是我一开始使用的东西。

我应该使用什么脚本来启动？

  "scripts": {
    "ng": "ng",
    "start-prod": "ng serve --environment=prod --deploy / --proxy-config proxy.conf.json",
    "start-uat": "ng serve  --environment=uat --deploy / --proxy-config proxy.conf.json",
    "start-dev": "ng serve  --environment=dev --deploy / --proxy-config proxy.conf.json",
    "build:aot": "ngc -p tsconfig-aot.json && rollup -c rollup-config.js",
    "build-prod": "ng build  --environment=prod --aot false output-hashing none --deploy /",
    "build-uat": "ng build  --environment=uat --aot false output-hashing none --deploy /",
    "build-dev": "ng build  --environment=dev --aot false output-hashing none --deploy /",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

另外，我想使用 ngc 而不是 web pack 中的 AOT 运行 AOT，我在使用自定义装饰器 https://github.com/rangle/angular-2-aot-sandbox 时遇到问题，我想在生产环境中尝试这个构建

Answer 1

你可以运行：

ng build -prod

这将在您的 dist 文件夹中创建将要构建的文件。

aot 默认在 prod 中。所以指定--aot 不会产生任何影响。看到这个answer。

Answer 2

要让您的项目运行，您只需触发 ng serve 或 ng serve --aot 命令

基本上在创建构建时，我们将使用aot 和prod 来最小化您在生产中使用的捆绑包的大小。

这些是您使用 ng 运行的 Angular 团队提供的各种命令。

"scripts": {
    "ng": "ng",
    "start-prod": "ng serve --environment=prod --deploy / --proxy-config proxy.conf.json",
    "start-uat": "ng serve  --environment=uat --deploy / --proxy-config proxy.conf.json",
    "start-dev": "ng serve  --environment=dev --deploy / --proxy-config proxy.conf.json",
    "build:aot": "ngc -p tsconfig-aot.json && rollup -c rollup-config.js",
    "build-prod": "ng build  --environment=prod --aot false output-hashing none --deploy /",
    "build-uat": "ng build  --environment=uat --aot false output-hashing none --deploy /",
    "build-dev": "ng build  --environment=dev --aot false output-hashing none --deploy /",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  }

喜欢ng serve，ng serve --aot --prod等