Cordova + Angular 4 + Typescript样板模板 [英] Cordova + Angular 4 + Typescript boilerplate template
问题描述
我正在使用Angular 4开发Web渐进式应用程序. 此应用程序必须作为用于Android和iOS平台的混合应用程序包装在Apache Cordova中.
I'm working on a Web Progressive App using Angular 4. This app needs to be wrapped up in an Apache Cordova as a Hybrid app built for Android and iOS platforms.
我正在寻找适用于Cordova + Angular 4的样板模板.
Cordova将www
文件夹用于Web应用程序,而Angular 4将src
文件夹用于Web应用程序.如何将这两个合并在一起工作?
有角度的"ng服务"也应该起作用吗?
I'm looking for a working boilerplate template for Cordova + Angular 4.
Cordova is using www
folder for web app and Angular 4 is using src
folder for web app. How to merge this two together to work?
Angular 'ng serve' should also work?
推荐答案
我终于设法解决了我的问题.
I finally manage to solve my problem.
- 我们需要将Cordova "www" 文件夹和angular "src" 文件夹合并到一个应包含angular应用的"src" 文件夹中
- package.json 也需要合并以适合Cordova和Angular.
- 然后,(感谢Gangadhar Jannu的提示),我们需要将".angular-cli.json"属性"outDir" 更改为"www" 因为Cordova使用该文件夹来构建他们的应用.
- 然后,我们需要使用CLI编译Angular应用:"ng build --prod" .
- 最后构建Cordova应用程序: cordova构建android | Browser | ios | ..
- We need to merge Cordova "www" folder and angular "src" folder in one "src" folder where angular app should be.
- package.json needs to be merged as well to fit for both Cordova and Angular.
- Then, (thanks to Gangadhar Jannu for the tip), we need to change in ".angular-cli.json" property "outDir" to "www" because Cordova uses that folder for building their app.
- Then we need to compile Angular app using CLI: "ng build --prod".
- Finally build cordova app: cordova build android|browser|ios|..
这是一个工作样板:
https://github.com/NavCore/ngCordova
这篇关于Cordova + Angular 4 + Typescript样板模板的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!