首页 > 其他 > 详细

gulp合并压缩

时间:2018-01-09 21:52:22      阅读:238      评论:0      收藏:0      [点我收藏+]

1、文件合并压缩

  var concat = require(‘gulp-concat’); //引用 

  var uglify = require(‘gulp-uglify’); 
  接下来,只要concat(‘xxx.js’)就算合并了。注意此时只是在内存中生成

  前面我们学过管道的概念,因此代码整合非常简单 
  gulp.src([这里写上js]).pipe(concat(‘xxx.js’)).pipe(uglify()).pipe(gulp.dest(‘目录’))

2、gulp-useref进行资源合并

  文件配置:通过插入特定的标签,用于标示gulp-useref要处理的资源

 技术分享图片

gulp脚本:

技术分享图片

tip

通常,我们希望资源进行合并输出后,删除掉合并前的js和css,避免接下来进行其他处理时,要手动再写脚本排除掉它们。 
所以,需求是使用gulp-useref合并资源输出并删除合并前的文件。 
查看源码和参照官方配置,惊喜发现,改下gulp脚本就可以达到目的:

技术分享图片

 If you want to minify your assets or perform some other modification, you can use gulp-if to conditionally handle specific types of assets.

 技术分享图片

 Blocks are expressed as:

技术分享图片

 

gulp合并压缩

原文:https://www.cnblogs.com/gopark/p/8253694.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!