项目简介
本项目基于Ionic框架和Cordova平台,Ionic用于构建跨平台移动应用界面,Cordova可在Web技术基础上实现原生应用功能。项目借助Gulp自动化工具,对代码进行检查、转换、混淆、合并和压缩等操作,以此提高代码质量和应用性能。
项目的主要特性和功能
- 代码检查:使用
jshint
和async
在代码压缩和混淆前检查JavaScript代码,确保无错误。 - HTML模板转换:通过
gulp-angular-templatecache
将HTML页面代码转换为Angular的JS代码,实现HTML代码混淆。 - 严格依赖注入:利用
gulp-ng-annotate
启用Angular严格依赖注入,避免代码混淆时依赖注入出错。 - 代码合并:使用
gulp-useref
组合JS和CSS代码,实现代码混淆。 - 代码压缩和混淆:借助Cordova Hook中的
uglify
和mv
对代码进行丑化、压缩和混淆。
安装使用步骤(假设用户已经下载了本项目的源码文件)
1. 安装依赖
在项目根目录下执行以下命令: ```bash npm install jshint --save-dev npm install async --save-dev npm install gulp-angular-templatecache --save-dev npm install gulp-ng-annotate --save-dev npm install gulp-useref@2.1.0 --save-dev npm install cordova-uglify --save-dev npm install mv --save-dev
cnpm install jshint --save-dev
cnpm install async --save-dev
cnpm install gulp-angular-templatecache --save-dev
cnpm install gulp-ng-annotate --save-dev
cnpm install gulp-useref@2.1.0 --save-dev
cnpm install cordova-uglify --save-dev
cnpm instal mv --save-dev
根据实际情况补充安装缺少的依赖:
bash
cnpm install gulp-jshint --save-dev
cnpm install gulp-uglify --save-dev
cnpm install gulp-concat --save-dev
cnpm install gulp-minify-html --save-dev
cnpm install gulp-util --save-dev
cnpm install gulp-minify-css --save-dev
cnpm install gulp-rename --save-dev
cnpm install shelljs --save-dev
cnpm install uglify-js --save-dev
cnpm install clean-css@2.2.22 --save-dev
cnpm install ng-annotate --save-dev
```
2. 配置Cordova Hook
从网络获取Cordova hooks文件,复制到$PROJECT_DIR/hooks/before_prepare
文件夹里,文件包括:
hooks\after_prepare\01_jshint.js
hooks\after_prepare\020_remove_sass_from_platforms.js
hooks\after_prepare\030_clean_dev_files_from_platforms.js
hooks\after_prepare\040_move_dist_files_to_platforms.js
hooks\after_prepare\050_clean_obfuscation.js
hooks\after_prepare\060_uglify.js
Cordova hooks文件下载地址:http://www.ionic.ren/wp-content/uploads/2015/11/after_prepare.zip
3. 验证和构建
- 检查JavaScript代码:执行
ionic build android
进行验证。 - 转换HTML模板:执行
gulp templatecache
。 - 启用Angular严格依赖注入:执行
gulp ng_annotate
。 - 合并JS和CSS文件:执行
gulp useref
。 - 构建应用:执行
ionic build android/ios
进行应用构建。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】