前端资源多个产品整站一键打包&包版本管理（三）—— 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里面的总任务啦，

在线上打包的时候，只需执行一个命令就可以打包全部拉~~~~

于是我们又可以开开心心快快乐乐地编码啦~~~~~