前端资源多个产品整站一键打包&包版本管理（三）—— gulp分流

问题：

当咱们一个工做台里面有好几个项目的时候，咱们要为项目的前端资源进行打包，可是，gulpfile只有一个，若是咱们把全部的打包都放在同一个文件里面，首先文件会愈来愈大，并且不便于管理，这时，咱们就须要对打包进行分类，一个项目一个打包文件，可是咱们又想实现一键打包，那么怎么办呢？

 

解决：

使用gulp-require 引入各个项目打包文件

首先咱们在打包目录下面新建一个build文件，用于管理全站的打包

里面新建三个文件，分别为

而后在gulpfile.js 里面

"use strict";
let gulp = require('gulp');
let modify = require('gulp-modify');

gulp.task('default',['build:team','build:zb']);

require('./build/gulpfile.util')
require('./build/gulpfile.team')
require('./build/gulpfile.zb')

 

这样子，咱们就能够引入 gulpfile.team 和 gulpfile.zb 的文件，其中，build:team 是gulpfile.team 里面的总任务， bulid:zb 是gulpfile.zb里面的总任务啦，

在线上打包的时候，只需执行一个命令就能够打包所有拉~~~~

因而咱们又能够开开心心快快乐乐地编码啦~~~~~