提起iuapmobile studio,相信大家已经不再陌生了,是进行移动应用开发的强大集成工具与必备神器。借助强大的iuap mobile studio,可以实现对开发、测试、调试、打包、发布全程管理。同时iuap mobile studio又是一个极具开放性的平台工具,可以与绝大多数优秀的前端框架、技术很好地集成。今天我们就来看看在iuap mobile上如何玩转这些如火如荼的前端自动化构建技术。
说起目前主流前端自动化构建技术,少不了npm、grunt、gulp、browserify、webpack的身影,它们不但可以省去你开发时代码合并、压缩等工作,还可以让你使用SASS、LESS、ES6、React、Vue等进行开发新体验。
我们来简单认识一下这些技术吧,熟悉这些技术同学可直接略过下面一段。
iuap mobile在进行移动开发时如何引入这些前端自动化构建技术呢?接下来我们通过两个例子来看一下在iuapmoile之上如何使用这些自动化构建工具。
iuapmobile + gulp
首先我们来看一下gulp如何在iuapmobile中使用。总的来说,分为如下几步:
(1)环境搭建
(2)创建gulp项目
(3)本地项目依赖配置及开发
(4)编译打包
第一步、环境搭建
这块网上介绍性的很多,总的来说就是使用npm进行全局安装和本地项目开发依赖安装使用如下步骤来进行安装运行,涉及的命令如下:
- 全局安装 gulp:
$ npm install -g gulp - 作为项目的开发依赖(devDependencies