导航:首页 > 文件处理 > gulp压缩json

gulp压缩json

发布时间:2022-06-28 10:47:55

1. 为什么用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服务器的话。

2. 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)

3. 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 文件,然后再进行替换;

4. glup怎样压缩指定目录css

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内。

5. gulp压缩怎么排除node

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

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

6. gulp执行压缩时很慢怎么实现

1、在任务管理器中(ctrl+alt+delete),选性能,看卡住的时候哪些程序内存占用过多,cpu使用率过高,内存过多的话,上网查一下是什么进程,可结束的就结束程序。cpu过高,可试试换操作系统。还可在事件查看器中看系统经常报什么错,看能否找出问题。2、W7系统,可下载W7优化大师,优化一下。W8系统有W8优化大师,XP有优化大师。3、W7、W8:开始-运行(输入msconfig)-回车-引导---高级选项---勾选"处理器个数",选择最大核心数--勾选"最大内存"--确定。回到系统配置窗口-启动,保留杀毒软件和输入法,其它的全部禁用。4、用金山或者360卫士,在优化系统中打开开机加速,关闭一些你不需要开机启动的进程。5、进行磁盘碎片整理和磁盘清理。注意:W7不能压缩C盘来增大空间,否则无法启动。

7. gulp uglify 压缩json 串时怎么保留键的双引号

这个明显是假的啊

8. gulp contra 构建工具需要装什么软件

npm install gulp --save-dev 什么是gulp? gulp是新一代的前端项目构建工具,你可以使用gulp及其插件对你的项目代码(less,sass)进行编译,还可以压缩你的js和css代码,甚至压缩你的图片,gulp仅有少量的API,所以非常容易学习。 gulp 使用 stream 方式处理内容。Node催生了一批自动化工具,像Bower,Yeoman,Grunt等。 gulp和grunt的异同点 易于使用:采用代码优于配置策略,Gulp让简单的事情继续简单,复杂的任务变得可管理。 高效:通过利用Node.js强大的流,不需要往磁盘写中间文件,可以更快地完成构建。 高质量:Gulp严格的插件指导方针,确保插件简单并且按你期望的方式工作。 易于学习:通过把API降到最少,你能在很短的时间内学会Gulp。构建工作就像你设想的一样:是一系列流管道。 因为gulp是用node.js写的,所以你需要在你的终端上安装好npm。npm是node.js的包管理器,所以先在你的机子上安装好node.js吧。 gulp安装命令 sudo npm install -g gulp 在根目录下新建package.json文件 npm init . 安装gulp包 安装好后再次输入gulp -v查看版本号,如下图显示则为成功: 安装插件 安装常用插件: sass的编译 (gulp-ruby-sass) 自动添加css前缀 (gulp-autoprefixer) 压缩css (gulp-minify-css) js代码校验 (gulp-jshint) 合并js文件 (gulp-concat) 压缩js代码 (gulp-uglify) 压缩图片 (gulp-imagemin) 自动刷新页面 (gulp-livereload) 图片缓存,只有图片替换了才压缩 (gulp-cache) 更改提醒 (gulp-notify) 清除文件 (del) 安装这些插件需要运行如下命令: 复制代码 代码如下: $ npm install gulp-ruby-sass gulp-autoprefixer gulp-minify-css gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache del --save-dev

9. 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

10. gulp-rev manifest怎么生成多个json

后台 control 这样写 public string ResidentInfo() { 返回json串 注意这里拼接的格式,去easyui 官网上面看他json串的格式进行拼装,这里很容易拼错的。 }不要写在你的默认的 action 里面 单独页面用ajax来请求一次, 因为默认的action 返回的是actionResult 是一个view

阅读全文

与gulp压缩json相关的资料

热点内容
锥形倒角怎么计算法 浏览:880
java合并链表 浏览:505
pic单片机编译器 浏览:803
丽水四轴加工中心编程 浏览:689
国产系统怎么解压 浏览:552
战双程序员 浏览:483
him触摸编程软件 浏览:931
植物大战僵尸存档怎么转移安卓 浏览:852
java栈的元素 浏览:737
程序员与篮球事件 浏览:675
app反编译不完整 浏览:788
电脑上的文件夹怎么调整 浏览:7
服务器无响应是什么原因呀 浏览:984
wd文档里的app怎么制作 浏览:513
电脑里的文件夹没有了一般能恢复吗 浏览:418
哪里有配加密钥匙的 浏览:210
服务器开不了机怎么把数据弄出来 浏览:958
gif动态图片怎么压缩 浏览:521
黑猴子棒球压缩文件解压密码 浏览:631
如何让app适应不同的手机屏幕大小 浏览:11