Cordova工作流程结构

时间:2016-12-11 11:17:10

标签: cordova

我正在使用 www 文件夹进行所有离子/角度工作,因此它包含了许多我不想在我的实际设备上结束的文件,例如:

  • 未压缩的js文件
  • npm库,那就是很多文件
  • 未连接的css文件

我现在正在做的是使用一个钩子删除每个构建中的所有不必要的文件,但是想知道是否有人以更整洁的方式执行它,因为大多数文件都复制在每个构建上然后被删除(比如lib或unminified js文件夹)。

2 个答案:

答案 0 :(得分:1)

我目前没有与我合作的项目,但我将与您分享我在Cordova中使用AngularJS的设置,我发现它很容易使用。

www文件夹下,我放置了应用所需的所有资源:fonts,css,partials,scripts(此文件夹仅包含捆绑的脚本)。

www文件夹之外(在同一级别),我有bower_modulesnode_modules,其中包含外部模块。此外,另一个文件夹scripts包含我为我的应用程序自定义的TypeScript文件。

在所有这些文件夹下面,gulpfile从bower / npm包中拾取所有分发脚本(实际使用的脚本文件)并捆绑它们,然后将它们输出到all.min.js 里面 www/scripts

设置tsconfig文件以将已编译的TypeScript输出到www/scripts/bundle.min.js。映射文件将输出到同一目录,以便于调试。

index.html中,您只需引用all.min.js后跟bundle.min.js

使用此设置,您只需包含所需的文件。

(CSS包含遵循类似的规则:gulp将捆绑css,并在www/css内输出。)

答案 1 :(得分:0)

嗯,我想最好的方法是Ionic 2如何做到这一点:

  1. 创建一个app文件夹,其中包含所有javascript / css / fonts / images文件
  2. 创建一个gulp文件,用于连接js / templates并缩小 所有内容并将结果复制到www文件夹下。理想情况下 www文件夹只包含app.js,app.css ,. index.html,以及一些像fonts / img这样的其他资源文件夹 文件夹中。
  3. 根据我的经验,gulp比使用钩子更可靠 至少用于调试。