我如何构建 - angular2 cli项目到cordova构建android

Question

我正在玩angular-cli 2项目,我想用它为Android构建它cordova build android,我该怎么做？

这是我的文件夹结构:

我使用HTML,CSS,JS创建cordova应用程序.我开始使用angular2了.我想知道我们如何用cordova构建它.

请不要参考IONIC,我知道这一点.

Answer 1

所以在你的角度cli项目中,使用生成构建

ng build --prod --base-href .

现在无论是在dist文件夹中,将它放在你的cordova的www文件夹中,然后使用生成apk/ipa

cordova build android

要使流程自动化,您可以在此处进行更改

1. 要确保dist进入cordova的www文件夹,更改angular-cli.json中的dist位置并将其指向cordova的www文件夹

这一部分具体

"apps": [{
        "root": "src",
        "outDir": "dist", //change this line to point to cordova's www folder.

2. 运行ng build --prod --base-href.每当我们做一个cordova构建时,就像这样在cordova中写一个钩子

GIST链接:Cordova -Angular CLI Hook

像这样在config.xml中注册这个钩子

<hook type="before_prepare" src="hooks/buildApp.js"/>

编辑:

--base-href命令.