gulp压缩

Ⅰ 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

Ⅱ 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压缩js和css文件

/步骤
首先要确保pc装nodeglobal环境项目文件都install gulp
npm install gulp -g (global环境)
npm install gulp --save-dev (项目环境)

项目install需要gulp插件般压缩需要
npm install gulp-minify-css gulp-concat gulp-uglify gulp-rename del --save-dev
更插件链接找
项目根目录新建gulpfile.jsrequire需要mole
var gulp = require('gulp'),
minifycss = require('gulp-minify-css'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename'),
del = require('del');
压缩css
gulp.task('minifycss', function() {
return gulp.src('src/*.css') //压缩文件
.pipe(gulp.dest('minified/css')) //输文件夹
.pipe(minifycss()); //执行压缩
});
压缩js
gulp.task('minifyjs', function() {
return gulp.src('src/*.js')
.pipe(concat('main.js')) //合并所jsmain.js
.pipe(gulp.dest('minified/js')) //输main.js文件夹
.pipe(rename({suffix: '.min'})) //rename压缩文件名
.pipe(uglify()) //压缩
.pipe(gulp.dest('minified/js')); //输
});
执行压缩前先删除文件夹内容
gulp.task('clean', function(cb) {
del(['minified/css', 'minified/js'], cb)
});
默认命令cmd输入gulp执行命令
gulp.task('default', ['clean'], function() {
gulp.start('minifycss', 'minifyjs');
});

要cmd执行gulp即

Ⅳ gulp压缩js需要注意先后顺序吗

焊接机超声波清洗机超声波清洗干净利落地图帮助说明你好了解

Ⅵ 为什么用gulp压缩js文件，有些文件压缩不了

方法： 1。 改表法。可能是你的帐号不允许从远程登陆，只能在localhost。这个时候只要在localhost的那台电脑，登入mysql后，更改 "mysql" 数据库里的 "user" 表里的 "host" 项，从"localhost"改称"%" mysql -u root -pvmwaremysql>use mysql;mysql>update user set host = '%' where user = 'root';mysql>select host, user from user; 2. 授权法。例如，你想myuser使用mypassword从任何主机连接到mysql服务器的话。

Ⅶ gulp压缩js失败，虽然执行成功了，但是没有生成结果求大神解答

楼主,你这个问题解决了吗?

Ⅷ gulp压缩怎么排除node

通过 gulp.src([...])来控制。

['./**/*.js','!./node_moles/**']
不过一般都是按文件夹来的，你写的js在哪一个文件夹就指向哪一个文件夹：
比如js文件都 myScript/**/*.js ，则：
gulp.src(['./myScript/**/*.js'])
....

Ⅸ Gulp压缩图片后，文件夹内显示原文件和压缩后的图片，怎样删除原来的图片，只保留压缩后的图片

1、右击图片；2、选择“添加到压缩文件”；3、更改“压缩文件名”，选择“压缩文件格式”，点击“确定”，如下图：4、就完成了。得到图片对应的名字为123.zip压缩包。

Ⅹ gulp压缩js的时候出现如下错误提示 events.js 141，求大神解答！

感觉上是你有代码在产生错误输出而且没有被处理。能把具体错误的那个文件的代码发一下吗？