博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用 hooks 工程化 ionic 项目
阅读量:6294 次
发布时间:2019-06-22

本文共 872 字,大约阅读时间需要 2 分钟。

如果你是希望看 api 那建议你去这里,本文只是一个思路不会提供代码。

背景

ionic 打包其实很简单, ionic build 一下就行了。但是当你需要切换 api 接口,支付宝、推送等插件的 appid(一般来说会分为开发环境,qa 环境,生产环境)时,会很烦并且容易出错。不知道谁说过,好的工程师就应该懒,代码能完成的事情,坚决不动手。

原理

ionic build 其实就是完成 ionic prepare(其实就是生成 www 目录)和 ionic compile 两个步骤。hooks 也会在他们之前或者之后执行,我这里以 before_prepare、after_prepare 两个勾子为例:

  1. before_prepare: ionic prepare 之前执行,也就是生成 www 目录之前。这个时候适合做代码压缩(gulp)、删除不必要文件(比如sass)。gulp 的部分就再也不用去手动执行 gulp build —release 了。

  2. after_prepare: ionic prepare 之后执行,这个地方就可以做一些 appid 的替换工作,我们可以通过 process.env.CORDOVA_CMDLINE 获取到命令行输入。例如我输入 ionic build —dev 或者 ionic build —release ,我就可以拿到当前打包需要的参数是 dev 本地开发配置,release 线上生产环境配置。

勾子

不知道大家在前端规范化的时候有没有使用过 git hooks。帮助代码规范的神器,简而言之就是 commit 的时候,会触发一次检查代码是否规范的程序。

本文的 hook 与该方法类似,使用 nodejs 来获取参数做文件操作生成工程。nodejs 操作文件相关的代码我就不贴了(其实是因为 node 根本不会写)。提供一些hooks 实例,这些代码都很棒,大家可以去学习一下:

希望看完本文,大家能对 ionic 打包的流程做一个更自动化的改造。还是那句话:好的程序猿,应该懒起来。

转载地址:http://uavta.baihongyu.com/

你可能感兴趣的文章
聊天界面图文混排
查看>>
控件的拖动
查看>>
svn eclipse unable to load default svn client的解决办法
查看>>
Android.mk 文件语法详解
查看>>
QT liunx 工具下载
查看>>
内核源码树
查看>>
Java 5 特性 Instrumentation 实践
查看>>
AppScan使用
查看>>
Java NIO框架Netty教程(三) 字符串消息收发(转)
查看>>
Ucenter 会员同步登录通讯原理
查看>>
php--------获取当前时间、时间戳
查看>>
Spring MVC中文文档翻译发布
查看>>
docker centos环境部署tomcat
查看>>
JavaScript 基础(九): 条件 语句
查看>>
Linux系统固定IP配置
查看>>
配置Quartz
查看>>
Linux 线程实现机制分析
查看>>
继承自ActionBarActivity的activity的activity theme问题
查看>>
设计模式01:简单工厂模式
查看>>
项目经理笔记一
查看>>