nodejs——gulp构建工具的基本使用以及实现文件的实时更新

2019-01-24  本文已影响0人  小白IT

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

上一篇 下一篇

猜你喜欢

热点阅读