npm 包 bulp-cordova 使用教程
前言
在移动端开发中，Cordova 是一个非常重要的框架，用来构建跨平台的移动应用程序。然而，使用 Cordova 进行开发时，难免会遇到一些烦琐的问题，比如繁琐的打包、部署等等。为此，有很多自动化构建、部署工具出现，其中一个比较好用的就是 bulp-cordova。
bulp-cordova 是什么
bulp-cordova 是一个使用 gulp 构建 Cordova 工程的插件。它可以用来处理 Cordova 工程中复制、打包、压缩、替换等任务。使用 bulp-cordova 可以极大的提高 Cordova 项目的开发效率，避免重复的劳动。
bulp-cordova 的安装
要使用 bulp-cordova，你首先需要安装 Node.js 和 gulp，如果你没有安装，可以自行安装。
安装 Node.js 官网：https://nodejs.org/
安装 gulp：npm install -g gulp
安装 bulp-cordova：npm install --save-dev bulp-cordova
bulp-cordova 的使用
1. 初始化 Cordova 工程
如果你还没有 Cordova 工程，可以使用以下命令初始化一个新工程：
cordova create your_project_name cd your_project_name cordova platform add android cordova platform add ios
在 Cordova 工程初始化过程中，我们需要在工程根目录下创建一个 config.xml（配置文件），用来配置应用程序的一些基本信息，比如应用程序名称、版本号、图标等等。
2. 安装 bulp-cordova
在 Cordova 工程根目录下运行以下命令：
npm install --save-dev bulp-cordova
3. 配置 bulp-cordova
在 Cordova 工程根目录下创建 gulpfile.js 文件，并添加以下代码：
-- -------------------- ---- -------
--- ---- - ----------------
----- - ---------------------
------- - ------------------------
-------------------- ---------- -
--- ------ - -
-- ------- ----
-------- -----
-- ------- ----
---------- ----------- -------
-- ------- ----
-------- -
------------------------
------------------------------
--
-- -- ------- ------ ------- ----
------- -----
-- --------- ------- ----
------ ------
-- ------ ------- --
------ ------
-- --- ------- ------
------ ------
-- ----- ------- --------
------ ------
-- --- ------- ------
-------- ------
-- ----------------
-------- ------
-- ----------------
---- -----
--
------ -------------
----------------------
---------- ---------- -
---------------- -------------
---
---4. 构建 Cordova 工程
在命令行执行以下命令：
gulp
此命令会在 Cordova 工程根目录下，自动进行构建。构建完成后，会在 platform/android 或 platform/ios 下生成对应平台的应用程序。
bulp-cordova 使用示例
以下示例项目在构建前，使用 npm install 安装依赖库。
-- -------------------- ---- -------
--- ---- - ----------------
----- - ---------------------
-------- - -------------------------
---- - ---------------------
------- - ------------------------
------- - ------------------------
-- -- ------- -------
-------------------------- ---------- -
--- ------ - -
-- ------- ----
-------- -----
-- -- ------- ----
------ -----
-- ------- ----
---------- ------------
-- ------- ----
-------- -
------------------------
-------------------------------
------------------------
------------------------
--
-- -- ------- ------ ------- ----
------- -----
-- --------- ------- ----
------ ------
-- ------ ------- --
------ ------
-- ----- ------- --------
------ ------
-- --- ------- ------
-------- -----
-- ----------------
-------- -----
-- ----------------
---- -----
--
------ -------------
----------------------
---------- ---------- -
---------------- -------------
---
---
-- -- --- -------
---------------------- ---------- -
--- ------ - -
-- ------- ----
-------- -----
-- -- --- ----
------ -----
-- ------- ----
---------- --------
-- ------- ----
-------- -
------------------------
-------------------------------
------------------------
------------------------
--
-- -- ------- ------ ------- ----
------- -----
-- --------- ------- ----
------ ------
-- ------ ------- --
------ ------
-- ----- ------- --------
------ ------
-- --- ------- ------
-------- -----
-- ----------------
-------- -----
-- ----------------
---- -----
--
------ -------------
----------------------
---------- ---------- -
---------------- -------------
---
---
-- -- --- --------- ------ ------------------- ----- --
--------------------- ---------- -
------ ------------------------------
----------------
-------- --------
--------- -------------------
---
------------------------------------ ---------------------
------------------------
---------- ---------- -
--------------- --- ----- ------------
---
---
-- -- ------- ----------------- ----- --
------------------------- ---------- -
------ ----------------------------------------------------------------
----------------
-------- -------
---
----------------------------
---------- ---------- -
--------------- ------- ----- ------------
---
---
-- -----------
------------------ ----------------------------- ------------ --------------- --------------
-------------------- ----------------------在以上示例中，我们使用了 gulp-template 、gulp-move 、gulp-replace 等 Gulp 插件，用来处理 Cordova 工程中复制、打包、压缩、替换等任务。
总结
使用 bulp-cordova 可以极大的提高 Cordova 项目的开发效率，将繁琐的构建、部署任务交给 gulp 来处理，让开发者更专注于应用程序的业务逻辑。
当然，bulp-cordova 也不是万能的，在实际开发中，还会遇到一些比较棘手的问题。因此，开发者需要不断的学习、积累经验，才能更好、更高效的完成应用程序的开发和维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8dccdc64669dde54c5