Gulp前端构建工具项目开发

Gulp是一个自动化工具，前端开发者可以使用它来处理常见任务：

1. 搭建web服务器
2. 文件保存时自动重载浏览器
3. 使用预处理器如Sass、Less
4. 优化资源，比如压缩css，JavaScript，压缩图片

项目开发简单的一个工作流：

1. 搭建本地web服务器
2. 编译Sass
3. 每当保存更改，自动刷新浏览器
4. 优化&压缩资源

除此以外，使用简单命令链式调用多个任务

准备工作：

1. 前端开发工具：vscod
2. NodeJs环境：下载地址
   安装成功后：
   node -v 查看node的版本号
   npm -v 查看npm的版本号
   

生成package.json文件：

进入项目目录，输入命令：npm init / cnpm init
目录下会生成一个package.json文件（注意：json文件内是不能写注释的）

在项目下安装gulp：

全局安装gulp：npm install --global gulp

作为项目的开发依赖（devDependencies）安装： npm install --save-dev gulp

在项目根目录下创建 gulpfile.js 的文件（重要，核心配置）：

var gulp = require('gulp');

gulp.task('default', function() {
  // 将你的默认的任务代码放在这
});

安装需要的模块
包管理工具：npm Enterprise


https://blog.csdn.net/x550392236/article/details/77117023