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

发布时间：2020-12-17 18:10:13 所属栏目：安全来源：网络整理

导读：我正在玩angular-cli 2项目,我想使用cordova build android为它构建它,我该怎么做？这是我的文件夹结构：我使用HTML,CSS,JS创建cordova应用程序.我开始使用angular2了.我想知道我们如何用cordova构建它. Please do not refer IONIC,i am aware of that. 解

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

这是我的文件夹结构：

enter image description here

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

Please do not refer IONIC,i am aware of that.

解决方法

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

ng build --prod --base-href .

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

cordova build android

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

>为了确保dist进入cordova的www文件夹,更改angular-cli.json&中的dist位置.将它指向cordova的www文件夹

这一部分具体

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

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

GIST链接：Cordova -Angular CLI Hook

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

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

编辑：

–base-href命令.

enter image description here

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!