配置gulp构建工具(坤爷)

配置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 下,可用于发布到生产环境。

 

posted @ 2015-04-19 10:40  jianhua_iphone  阅读(60)  评论(0)    收藏  举报