对于gulp代码构建工具的基本操作使用

Posted 2021-04-08 前端攻城狮herry菌

说的gulp，到底是什么？用来做什么的？

以前并没有想过这个问题，拿到公司的项目脚手架就开始做事情了。现在专门来总结一下。

gulp干什么的呢？

gulp是node中的一种代码构建工具，还有就是项目自动化处理，是一种类似流水线的操作。说的这些是什么意思呢。听起来很牛批的样子。

自动化就是指一些重复的工作可以使用它来进行自动处理。比如自动创建文件。

  安装gulp：

新建文件gulpfile.js：

这个文件必须存在，这是gulp命令的入口，里面是所有绑定的gulp任务命令

default是gulp默认命令，输入执行

我们试试使用gulp来打包文件：

这里需要安装2个包：gulp-uglify、gulp-concat

然后引入并创建任务

gulp.src选取路径下文件（正则）

.pipe执行命令（貌似jquery）

uglify用于补完不规则的代码，去除注释

concat用于合并文件代码

  

如：

跟目录创建文件

  

  

  

  打包完成！

gulp还有很多的API使用，以及完成更多的操作。其他的请进入官网查看。之后学习了会继续加入更新！！！

开发者要学会掌握各种工具的使用和语言基础。