首页 > 其他 > 详细

配置gulp构建工具(坤爷)

时间:2015-04-19 11:28:13      阅读:243      评论:0      收藏:0      [点我收藏+]

配置gulp构建工具

gulp是前端构建工具,相关项目可参考本文档配置gulp。
代码部分是需要在命令行里执行的命令,如果提示权限相关问题(多为mac os),尝试以管理员重新执行命令,即命令前加上(注意后面有空格):sudo

1. 下载并安装nodejs(已安装过忽略本步骤)

2. 全局安装gulp(已安装过忽略本步骤)

npm install gulp -g
3. 安装node依赖

cd到项目根目录执行:

npm install
执行后将产生node_modules文件夹存放node的依赖模块
windows安装过程一开始控制台无信息输出,需要耐心等待(大概5-10分钟),最终安装成功会有信息输出。
若出现错误提示,多为网络问题,重新执行上面命令即可

4. 使用gulp协助开发

cd到项目根目录执行下面命令启动默认构建任务:

gulp
任务启动后,程序会实时监听文件改动并自动刷新浏览器,同时控制台会输出类似下面的信息:

[09:18:48] Server started http://localhost:3101
[09:18:48] LiveReload started on port 35729
此时打开浏览器,输入对应网址(本例为:http://localhost:3101 ),即可预览站点效果。

5. 使用gulp构建生产环境发布包

cd到项目根目录执行下面命令:

gulp release
执行完成后文件将输出到 /release 下,可用于发布到生产环境。

配置gulp构建工具(坤爷)

原文:http://www.cnblogs.com/best-html5-js/p/4438753.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!