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

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

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

  • 相关阅读:
    调用google地图
    jQuery放大镜效果
    jQuery拖到效果
    jQuery制作相册
    jQuery ui插件用法
    jQuery写fadeTo方法
    jQuery实现动画效果
    jQuery的slideToggle方法
    控经纬度显示地图与卫星
    像百度那样的智能感知效果
  • 原文地址:https://www.cnblogs.com/Miss-mickey/p/5709068.html
Copyright © 2020-2023  润新知