Cordova + Angular 4 + Typescript样板模板

Question

我正在使用Angular 4处理Web Progressive App。 这个应用程序需要包含在Apache Cordova中，作为为Android和iOS平台构建的混合应用程序。

我正在寻找Cordova + Angular 4的工作模板模板。 Cordova正在使用www文件夹用于Web应用程序，Angular 4正在使用src文件夹用于Web应用程序。如何将这两者合并在一起工作？ Angular＆＃39; ng serve＆＃39;还应该工作吗？

Answer 1

我终于设法解决了我的问题。

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

这是一个工作样板：

https://github.com/NavCore/ngCordova

Answer 2

如果要更改ng cli的输出目录，可以在 .angular-cli.json 中配置outDir属性，如下所示：

  "outDir": "../public",

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