gulp的核心文件配置思路（一）

gulpfile.js的配置思路（一）

我们都知道，gulp是一个构建工具，说的直白一点就是帮助我们整理代码，整理成我们想要的样子并且能顺利解析编译执行。那接下来我就记录一下我配置这个核心文件gulpfile.js的整体思路。

• 开始动手之前的必要操作：
  1、首先前端必备的node，npm与node环境配置（这个没有安装的就去node官网下载安装）
  2、安装全局的gulp命令行工具npm install -g gulp-cli
  3、创建一个新的目录 npx mkdirp new-gulp
  4、进入至这个目录执行npm init（初始化项目，生成package.json文件，里面包含了此项目的一些项目信息）
  5、在项目中安装开发环境的gulp（npm install --save-dev gulp）,这一步生成node_modules文件，所有通过npm --save-dev或者–save下载的包都在这个文件夹下，后面可以直接require引入gulpfile.js文件中。
• 开始操作：
  1、在根目录下创建一个gulpfile.js的文件，这个文件是使用gulp必须要创建的文件并且文件名只能是gulpfile.js不能够自定义。在使用gulp运行项目的时候，gulp就会先去找这个文件，如果没有找到就会报错。
  2.在gulpfile.js中先将gulp引入

const gulp = require('gulp')

3.开始给gulp交待一些它要处理的任务。

• 具体任务：
  1、让gulp帮我们收拾一下杂乱的代码目录帮我们整合成一个舒服直观的状态（有的人会说我写的代码本来就很整齐，还需要这？别着急，慢慢看）
  想了一下我们的前端代码组合成分：代码里不可或缺的三大王：html,js,css。有时候有一些图片吧，再有一些json或者其他的一些xml之类的文件吧。行，继续

gulp先收拾一下html文件

gulp.