Cordova + Angular 4 + Typescript 样板模板

Question

我正在使用 Angular 4 开发 Web 渐进式应用程序。此应用程序需要作为为 Android 和 iOS 平台构建的混合应用程序封装在 Apache Cordova 中。

我正在寻找适用于 Cordova + Angular 4 的工作样板模板。 Cordova 正在为 Web 应用程序使用 www 文件夹，而 Angular 4 正在为 Web 应用程序使用 src 文件夹。如何将这两者合并在一起工作？ Angular 'ng serve' 应该也行吧？

Answer 1

如果你想改变ng cli的输出目录你可以在.angular-cli.json[=中配置outDir 属性 19=]如下图：

"outDir": "../public",

然后您可以使用 ng build 命令在您之前指定的 outDir 中构建 angular 应用程序

Answer 2

我终于解决了我的问题。

我们需要将 Cordova "www" 文件夹和 angular "src" 文件夹合二为一"src" angular 应用所在的文件夹。
package.json 也需要合并以适应 Cordova 和 Angular.
然后，（感谢 Gangadhar Jannu 的提示），我们需要更改 ".angular-cli.json" 属性 "outDir" 到 "www" 因为 Cordova 使用该文件夹来构建他们的应用程序。
然后我们需要使用 CLI 编译 Angular 应用程序："ng build --prod".
最后构建 cordova 应用程序：cordova build android|browser|ios|..

这是一个工作样板：

Cordova + Angular 4 + Typescript boilerplate template