问题:
当我们一个工作台里面有好几个项目的时候,我们要为项目的前端资源进行打包,但是,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里面的总任务啦,
在线上打包的时候,只需执行一个命令就可以打包全部拉~~~~
于是我们又可以开开心心快快乐乐地编码啦~~~~~