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任务