1. Gulp 是什么
Gulp
是第三方模块Gulp
是基于node平台开发的前端构建工具
,将机械化操作编写成任务,想要执行机械化操作时,执行一个命令行命令
任务就能自动执行了- 实际上就是
用机器替代手工
,提高开发效率
2. Gulp 能做什么
- 项目上线时,将
HTML
、CSS
、JS
文件压缩合并 - 语法转换(
es6
、less
…) - 公共文件抽离
- 修改文件浏览器自动刷新
3. Gulp 的使用
-
下载:
npm install gulp // gulp为库文件,把命令行路径切换至当前项目路径,gulp下载到当前项目文件夹的根目录中
-
在项目的根目录下建立:
gulpfile.js文件
-
重构项目的文件夹结构,在项目的根目录中新建两个文件夹:
src目录
放置源代码文件
dist目录
放置构建后文件 -
在
gulpfile.js
文件中编写任务://1.获取gulp模块对象: const gulp = require("gulp") //2.使用gulp.task()方法建立任务: gulp.