gulp的部署
gulp是基于nodejs环境下的,所以本文默认已经部署好nodejs环境:
首先需要再用npm在全局环境下安装gulp,以方便在任何文件目录下运行gulp命令

其次需要在项目文件中安装局部gulp,作为项目依赖

然后再项目文件夹中创建gulpfile.js文件,用来运行gulp任务
gulp的基本使用
1、需要在gulpfile.js文件中引入gulp模块以及项目插件(插件需要局部下载)

2、提前整理好项目所需路径

3、创建任务,把srcPath开发路径lib文件夹中的的前段框架(比如JQuery)同步到其它目录下,并实现实时更新

4、创建任务,把srcPath开发路径下次的html文件同步到其他目录

5、把开发的less文件转成css放到build目录下,以及把css文件压缩到diist目录下

6、把js文件合并

7、把图片进行压缩

8、把前面的任务进行捆绑

9、定义一个Server任务,用来监听文件是否有改变,从而实现热更新

10、最后创建一个默认的gulp任务,当在终端输入gulp即可运行Server任务

网友评论