前端构建工具Gulp安装使用

  1. Gulp简介
    基于node平台开发的前端构建工具;
    将机械化操作编写成任务,想要执行机械化操作时执行一个命令行命令任务就能自动执行了。

  2. Gulp作用
    项目上线,HTML,CSS,JS文件压缩合并;
    语法转换(es6,less…);
    公共文件抽离;
    修改文件浏览器自动刷新。

  3. Gulp使用
    ①.使用npm install gulp下载gulp库文件
    前端构建工具Gulp安装使用

    ②.在项目根目录下建立gulpfile.js文件
    ③.重构项目的文件夹结构,src目录放置源代码文件,dist目录放置构建后文件
    ④.在gulpfile.js文件中编写任务
    ⑤.在命令行工具中执行gulp任务