gulp在GitHub项目的使用

Posted 2021-04-08 web前端课堂

上篇文章讲解了gulp安装，本期小编主要编写一下在GitHub上下载的项目，如何用gulp运行，根据项目的需要，小编在网上找了一个matter.js物理引擎的demo，使用的gulp和bower包管理器架构的项目。看下图：

gulp和bower的简介

gulp是工具链，可以配合各种插件做js压缩，css压缩，less编译等工作

bower是包管理器，用来管理你项目里的那些外部依赖的。

所以根据项目需求考虑是否使用bower工具

使用流程

1、看一README.md，它是使用markdown语法编写（如果有需要，小编可以针对markdown语法写一篇技术博客）

执行 npm install ，此操作会根据package.json来安装需要的构建

执行 npm install gulp --save-dev 本地保存一下gulp工具

2、安装bower，matter.js的demo中使用到bower工具

执行 npm install bower --save-dev 

3、打开Gulpfile.js，此项目中用到了很多gulp工具，比如：

gulp-unglify 压缩js代码

gulp-rename 重命名文件

大家如果有不明白的工具，可以百度一下关键字就有该工具的使用方法和基本简介。

4、在编辑器终端Terminal

执行 gulp serve ，serve 是gulpfile.js 里面自己编译的 函数名，只要在下面找到启动项目的命令，执行即可启动项目。