码迷,mamicode.com
首页 > 其他好文 > 详细

gulp合并压缩

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

标签:因此   types   资源   标签   for   github   ini   specific   配置   

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合并压缩

标签:因此   types   资源   标签   for   github   ini   specific   配置   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!