① 为什么用gulp把多个js文件合并压缩后，再直接引入页面就报错了
合并成一个JS文件之后，代码的作用域扩大，难免会造成冲突。找到报错的代码所在位置，找到原JS文件修改下。
举个例子：a.js 中有var foo = 1; b.js 中也有 var foo = 10; 那么合并之后就会有两个 foo 变量， 这样一来在新的js文件中，foo的值就是写在后面的一个，而恰好后面的值会冲突报错。
因此，在合并之前需要确定每个js文件都能正常工作，而且没有函数、变量上的冲突。
② 如何使用Gulp裁剪和压缩图片
我试了一下，勾选 应用于所选图片 才可以
③ gulp压缩js以后再怎么操作
1.css压缩 gulp-minify-css
2.js压缩 gulp-uglify
3.js合并 gulp-concat
由于压缩之前需要对js代码进行代码检测，压缩完成之后需要加上min的后缀，我们还需要安装另外两个插件：
4.重命名 gulp-rename
5.js代码检测 gulp-jshint (或gulp-jslint)
④ gulp img 压缩难道就他妈的没有效率高一点的插件了吗
不引用外部的静态资源文件，而直接通过<style>或<script>写入的css与js，一般叫做inline resources。
用gulp inline作为关键字搜索，就可以找到gulp-inline-source和gulp-inline。
⑤ gulp压缩js失败，虽然执行成功了，但是没有生成结果求大神解答
楼主,你这个问题解决了吗?
⑥ gulp怎么只压缩修改了的css
var gulp = require('gulp'),
minifyCss = require('gulp-minify-css'),
less = require('gulp-less'),
watchPath = require('gulp-watch-path');
//自动编译LESS
gulp.task('watchLess', function () {
gulp.watch(lessUrl + '*.less', function(event) {
var paths = watchPath(event , lessUrl , cssUrl);
console.log(paths.srcFilename + ' has ' + event.type);
gulp.src(lessUrl + paths.srcFilename)
.pipe(less())
.pipe(minifyCss())
.pipe(gulp.dest(cssUrl));
});
});
⑦ Gulp压缩图片后，文件夹内显示原文件和压缩后的图片，怎样删除原来的图片，只保留压缩后的图片
1、右击图片；2、选择“添加到压缩文件”；3、更改“压缩文件名”，选择“压缩文件格式”，点击“确定”，如下图：4、就完成了。得到图片对应的名字为123.zip压缩包。
⑧ gulp压缩合并css/js时，怎么自动修改引用压缩后的css/js的路径
记录一下用 gulp 来合并、压缩CSS以及进行 MD5命名以及替换文件中引入的CSS文件，当然这一系列操作都是用基于gulp插件的，主要会用到下面的几个插件：
var concat = require('gulp-concat');//- 多个文件合并为一个；var minifyCss = require('gulp-minify-css');//- 压缩CSS为一行； var rev = require('gulp-rev');//- 对文件名加MD5后缀var revCollector = require('gulp-rev-collector');//- 路径替换
安装Gulp插件到本地项目
npm init//- 生成一个 package.json，里面是一些常规的配置信息npm install gulp gulp-concat gulp-minify-css gulp-rev gulp-rev-collector --save-dev//- 安装插件到项目目录内
完成上面两步后，会在我们的项目内生成一个package.json文件以及一个node_moles目录
创建配置文件 gulpfile.js
在项目根目录内创建一个 gulpfile.js 文件(必须是这个文件名哟~)，内容就是上面几个插件的配置信息：
var gulp = require('gulp');var concat = require('gulp-concat'); //- 多个文件合并为一个；var minifyCss = require('gulp-minify-css'); //- 压缩CSS为一行；var rev = require('gulp-rev'); //- 对文件名加MD5后缀var revCollector = require('gulp-rev-collector'); //- 路径替换gulp.task('concat', function() { //- 创建一个名为 concat 的 task
gulp.src(['./css/wap_v3.1.css', './css/wap_v3.1.3.css']) //- 需要处理的css文件，放到一个字符串数组里
.pipe(concat('wap.min.css')) //- 合并后的文件名
.pipe(minifyCss()) //- 压缩处理成一行
.pipe(rev()) //- 文件名加MD5后缀
.pipe(gulp.dest('./css')) //- 输出文件本地
.pipe(rev.manifest()) //- 生成一个rev-manifest.json
.pipe(gulp.dest('./rev')); //- 将 rev-manifest.json 保存到 rev 目录内});
gulp.task('rev', function() {
gulp.src(['./rev/*.json', './application/**/header.php']) //- 读取 rev-manifest.json 文件以及需要进行css名替换的文件
.pipe(revCollector()) //- 执行文件内css名的替换
.pipe(gulp.dest('./application/')); //- 替换后的文件输出的目录});
gulp.task('default', ['concat', 'rev']);
运行结果
通过以上的配置之后，就可以开始运行 gulp 对我们的项目进行相关的操作啦；
使用 gulp 命令，运行Gulp.js 构建程序
首先运行 concat 这个 task 生成一个 rev-manifest.json 文件
然后再运行 rev 这个 task 替换掉文件中引入的 css
YuanWingdeMacBook-Pro:m YuanWing$ gulp concat
[11:47:02] Using gulpfile ~/SVN/JKD/m/gulpfile.js
[11:47:03] Starting 'concat'...
[11:47:03] Finished 'concat' after 12 msYuanWingdeMacBook-Pro:m YuanWing$ gulp rev
[11:47:17] Using gulpfile ~/SVN/JKD/m/gulpfile.js
[11:47:17] Starting 'rev'...
[11:47:17] Finished 'rev' after 10 msYuanWingdeMacBook-Pro:m YuanWing$
rev-manifest.json文件内容：
{ "wap.min.css": "wap.min-c49f62a273.css"}
header.php替换前后对比：
替换前：<link rel="stylesheet" href="/css/wap.min.css" />
替换后：<link rel="stylesheet" href="/css/wap.min-c49f62a273.css" />
gulp-rev-collector进行文件路径替换是依据 rev-manifest.json 的，所以要先成生 .json 文件，然后再进行替换；
⑨ gulp执行压缩时很慢怎么实现
1、在任务管理器中（ctrl+alt+delete），选性能，看卡住的时候哪些程序内存占用过多，cpu使用率过高，内存过多的话，上网查一下是什么进程，可结束的就结束程序。cpu过高，可试试换操作系统。还可在事件查看器中看系统经常报什么错，看能否找出问题。2、W7系统，可下载W7优化大师，优化一下。W8系统有W8优化大师，XP有优化大师。3、W7、W8:开始-运行（输入msconfig）-回车-引导---高级选项---勾选"处理器个数",选择最大核心数--勾选"最大内存"--确定。回到系统配置窗口-启动，保留杀毒软件和输入法，其它的全部禁用。4、用金山或者360卫士，在优化系统中打开开机加速，关闭一些你不需要开机启动的进程。5、进行磁盘碎片整理和磁盘清理。注意：W7不能压缩C盘来增大空间，否则无法启动。
⑩ gulp怎么压缩html js css 混合的文件
合并和压缩JS、CSS文件
压缩JS，CSS文件需要引用如下组件：
gulp-minify-css: 压缩css
gulp-jshint: 检查js
gulp-uglify: 压缩js
gulp-concat: 合并文件
gulp-rename: 重命名文件
gulp-clean: 清空文件夹
gulp-notify:提示
安装组件项目目录，通过cd 进入项目的根目录，执行下边的npm安装组件
npm install gulp-minify-css gulp-jshint gulp-uglify gulp-rename gulp-concat gulp-clean gulp-notify --save-dev