gulp构建前端工作流

初始化项目

创建并进入到项目目录，执行npm初始化项目，生产package.json：

md gulp-workflow
cd gulp-workflow
npm init

执行npm install安装gulp及所需脚本，并写进配置文件中：

npm install -D browser-sync gulp gulp-autoprefixer gulp-concat gulp-cssnano gulp-imagemin gulp-rename gulp-sass gulp-uglify

创建目录结构

分别创建build、dist、src作为项目的配置，发布及开发目录，如下：

./gulp-workflow
├── config                     // 配置目录      
├── dist                      // 发布目录
├── src                       // 开发目录      
│   ├── assets                // 第三方资源
│   ├── sass                  // scss/sass文件
│   ├── css                   // css文件
│   ├── js                    // js文件
│   └── img                   // 图片资源
├── gulpfile                  
└── package.json 

编写Gulp配置

在build目录下，分别创建dev.js，prod.js，index.js用于设置项目开发和发布配置，如下：
index.js

https://www.sheyilin.com/2016/02/gulp_introduce/
https://www.cnblogs.com/haonanZhang/p/6583161.html
https://blog.csdn.net/qq_15096707/article/details/54293203