第2章{ 2-12 使用gulp构建kissy工程 }

本文介绍如何利用Gulp工具构建Kissy工程,通过安装并配置Gulp,实现源码调试、模块JS文件合并及模板预编译等功能,有效减少HTTP请求次数。

使用gulp构建kissy工程

bee 脚手架采用gulp 构建工程。所以我们需要gulp将src的模块代码编译到build目录下。

好处是可以合并模块js文件,减少请求数。

bee的gulpfile.js(gulp的构建文件)比较复杂,下一节会详细介绍,当然不了解也不妨碍我们构建工程,只要知道几个简单步骤即可。

全局安装gulp:

npm install --g gulp

工程下安装依赖包:

npm install

npm的环境并不稳定,有时会安装失败,这时候建议清理下npm缓存,不然有时会遇到一直失败的情况:

npm cache clear

在工程目录下,执行 gulp 命令,就会开始构建,同时会起一个本地的server。

http://localhost:5555 ,该server的目的是给 src 下的模块js文件增加上 kissy.add() 的包裹,方便直接使用源码调试。

gulp命令还会自动预编译模板,后面讲模板时会继续讲到。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值