前言 Gulp,简而言之,就是前端自动化开发工具,利用它,我们可以提高开发效率。 比如: 1、 压缩js 2、 压缩css 3、 压缩less 4、 压缩图片 等等… 我们完全可以利用Gulp来自动化地完成这些重复性很强的工作。 Gulp可以帮助我们 用自动化构建工具增强你的工作流程! 好了,废话不 ...
分类:
其他好文 时间:
2018-09-18 13:43:44
阅读次数:
186
最近项目稳定了一点,之前一直没空关注的开发文件压缩打包问题也有时间来解决了 AMD模块化开发中的代码压缩打包工具——r.js 环境搭建基于nodejs;用于AMD模块化开发中的项目文件压缩打包,不是AMD模式也是可以的 javascript部分 压缩javascript项目开发文件夹 build.j ...
分类:
Web程序 时间:
2018-08-27 23:24:42
阅读次数:
231
听到同事说没找到压缩js文件的,说软件压缩貌似有点问题,我自己就用nodejs练手般写了压缩文件的。 主要的思路就是,先通过前端上传js文件,然后服务器接收,然后引用uglifyjs 压缩,再返回文件路径给前端下载即可。代码如下: html: js 脚本 这里ajax请求时。processData, ...
分类:
Web程序 时间:
2018-08-24 21:16:30
阅读次数:
178
回顾昨天内容 前端工具介绍: webpack:打包机,它能将我们的html、css、js,font,png进行打包,交给服务器。 loader 加载器 插件:一个功能,js文件组件:BootStrap组件,包含js,html,css html压缩 css压缩 js压缩js进行混淆图片压缩 webpa ...
分类:
其他好文 时间:
2018-08-08 13:34:19
阅读次数:
153
1、gulp-uglify var gulp = require('gulp'); var uglify = require('gulp-uglify'); var pump = require('pump'); 第一种方法 gulp.task('compress', function (cb) { ...
分类:
Web程序 时间:
2018-07-18 17:09:40
阅读次数:
157
1.webpack 安装 使用 2.uglifyjs 安装 使用 ...
分类:
Web程序 时间:
2018-07-17 16:22:49
阅读次数:
183
1.关于三者的定义与区别 压缩:删除 Javascript 代码中所有注释、跳格符号、换行符号及无用的空格,从而压缩 JS 文件大小,优化页面加载速度。 混淆:经过编码将变量和函数原命名改为毫无意义的命名(如function(a,b,c,e,g)等),以防止他人窥视和窃取 Javascript 源代 ...
分类:
Web程序 时间:
2018-07-16 15:03:12
阅读次数:
239
在MVC项目中的 BundleConfig操作中是微软已经给我们准备好的CSS和JS压缩,我们可以把模版页的样式表和脚本放入这个地方压缩(子页太多,所以另作压缩)。这个配置文件在App_Start文件夹下,Global.asax在全局配置文件下,会启用这个配置文件,对EnableOptimizati ...
分类:
Web程序 时间:
2018-07-01 11:49:21
阅读次数:
172
/** * 获得base64 * @param {Object} obj * @param {Number} [obj.width] 图片需要压缩的宽度,高度会跟随调整 * @param {Number} [obj.quality=0.8] 压缩质量,不压缩为1 * @param {Function ...
分类:
Web程序 时间:
2018-05-01 23:20:20
阅读次数:
250
gulpfile.js: var gulp = require("gulp"); var imagemin = require("gulp-imagemin");//压缩图片插件 var uglify = require("gulp-uglify"); //js压缩插件 var sass = req... ...
分类:
其他好文 时间:
2018-03-29 02:05:52
阅读次数:
147