前端資源多個產品整站一鍵打包&包版本管理（三）—— 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裏面的總任務啦，

在線上打包的時候，只需執行一個命令就能夠打包所有拉~~~~

因而咱們又能夠開開心心快快樂樂地編碼啦~~~~~