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

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

作者: 小白IT | 来源:发表于2019-01-24 14:06 被阅读0次

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

相关文章

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

    gulp的部署 gulp是基于nodejs环境下的,所以本文默认已经部署好nodejs环境: 首先需要再用npm在...

  • gulp的基本使用

    gulp是什么 gulp是一个前端构建工具,通过脚本实现文件图片的压缩,gulp功能的实现依赖于插件,所以想使用什...

  • gulp详解一

    gulp简介 gulp,是基于nodejs的前端自动化构建工具,用于压缩项目文件,合并文件,部署等,简言之,就是解...

  • 相关文章记录

    1.gulp构建工具相关信息 前端自动化构建工具gulp记录Gulp.js-livereload 不用F5了,实时...

  • 使用Gulp进行Javascript以及css压缩合并

    1.安装gulp gulp是基于Node.js的前端构建工具。所以首先需要安装nodejs,安装nodejs。完成...

  • gulp合并压缩js

    1.安装gulp gulp是基于Node.js的前端构建工具。所以首先需要安装nodejs,安装nodejs。 完...

  • Gulp常用api简介

    gulp gulp是一个nodejs的streaming构建工具,所谓的streaming大致意思就是把构建流程想...

  • dev_gulp

    gulp gulp是一个nodejs的streaming构建工具,所谓的streaming大致意思就是把构建流程想...

  • gulp实例,原理

    1. 什么是 Gulp?简单的讲,Gulp 是一个构建工具,一个 streaming 构建工具,一个 nodejs...

  • Gulp

    gulp是基于NodeJs环境的一个构建工具,用来进行项目构建,处理如压缩js代码,转化less文件等任务,需要进...

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/favyjqtx.html