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