一.安装步骤 1.首先确定是否安装了node.js,如果未安装,请先安装node.js: 2.确定是否安装了包管理工具npm,如未安装请安装:npm install npm -g: 3.安装gulp:  npm install gulp --save-dev:(至于为什么是--save-dev,因为我们只是在开发环境中会用到,生产发布是用不到它的) 4.安装用于html.css.js代码压缩常用的插件,分别为:gulp-htmlmin.gulp-cssnano.gulp-uglify: npm…

gulp是一个很不错的前端自动化工具,可以帮我们完成一些重复性操作,比如html.css和js代码的压缩.合并.混淆等,虽然这些操作可以通过一些在线工具帮我们实现,但不断重复地复制粘贴肯定比不上一句命令来得方便,所以编写gulp任务可以大大提高程序员的开发效率. 因为gulp依赖于node环境,所以想使用gulp必须先安装好node.另外gulp本身是一个轻量化内核,自身拥有的api不多,所以很多功能需要依赖插件完成.关于html.css和js代码压缩的插件有三个,分别是gulp-htmlmin…

用gulp做的前端代码压缩,今天在打包的时候发现打包出错了.报的错误是--unable to minify JavaScript.但是至于为什么会不能打包,表示很困惑,然后通过一番搜索,最后得出了问题所在..是因为js代码报错.但是仅仅这样是不够的,因为我们不可能一个文件一个文件的去找,所以,gulp有一个插件,gulp-util,用来打印日志,看具体什么地方出错了. 在gulpfile.js打包压缩的命令里..增加一个错误的打印. / 合并,压缩文件 gulp.task('scripts',[…

文章转载至[gulp排除已压缩文件思路] gulp默认排除语法的弊端 有个时候我们需要时用gulp排除已经压缩过的js,css等.如果以压缩文件是以".min.js"之类命名规范的还好,如果不是呢?而且还有其他一些场景也会有需要.gulp默认支持glob格式,排除语法为!举几个例子:排除目录 gulp.src([ baseDir + '/**', // Include all '!' + baseDir + '/excl1{,/**}', // Exclude excl1 dir '!…

在线测试地址 http://lisperator.net/uglifyjs/下面都是基于linux系统的安装使用.UglifyJS是遵循了CommonJS规范写成的,可以在支持CommonJS模块系统的javascript环境中运行.当然,这是官方的说法,通俗的说,就是可以在浏览器里和node.js的环境中兼可运行了. UglifyJS的作者在今年9月份的时候,开始了UglifyJS2的项目,作者本人也是比较推崇UglifyJS2,因此,本文就只是关于UglifyJS2的一些介绍.下文中所有的U…

Asp.Net MVC 页面代码压缩筛选器 首先定义以下筛选器,用于代码压缩. /*页面压缩 筛选器*/ public class WhiteSpaceFilter : Stream { private Stream _shrink; private Func<string, string> _filter; public WhiteSpaceFilter(Stream shrink, Func<string, string> filter) { _shrink = shrink;…

Fis代码压缩步骤 1,安装fis(http://fis.baidu.com/fis3/docs/beginning/install.html) fis安装支持的node版本:0.8x,0.10x,0.12x,4x,6x 2,安装fis :cnpm install -g fis3(-g安装到全局目录) 3,安装完成后检测安装是否成功:$ fis3 -v 4,fis-config 放在resources同级目录下 5,resources下命令行 fis3 release -d ../resourc…

如何利用Grunt生成对应的Source Map文件,线上代码压缩使用chrome浏览器便于调式 首先我们来说说为何要生成sourceMap文件呢?简单的说,sourceMap是为了压缩后的代码调式提供方便,比如线上的JS文件已经压缩了,但是线上比如说有bug,但是代码已经是压缩后的,对于开发并不好调式,所以想生存一个对应的Map文件,然后使用chrome浏览器在源文件未压缩的JS文件下调式. 那么Map文件到底是什么呢?简单的来讲它就是记录信息,记录一些为压缩之前的js文件的位置,及压缩后的文…

首先说代码压缩,因为没什么用,就先说它了.代码压缩后,apicloud里面的css和js文件里面的空格呀回车呀都去掉了,就是文件小了,所有代码显示为一行了.这些代码的变量没有重命名,我们知道jquery.min.js里面的很多变量是重命名了的,都是变为a呀,b呀什么的.apicloud之所以不重命名,是因为它的html没有压缩,是和原来一样的,所以说,如果js重命名了,但html又没重命名的话,你懂的,名字对应不上,会出大乱子. 代码压缩的作用一般是什对网站的,文件体积变小,节省流量,加载更快,…

HTML-DEV-ToolLink:https://github.com/easonjim/HTML-DEV-ToolLink 常用的在线字符串编解码.代码压缩.美化.JSON格式化.正则表达式.时间转换工具.二维码生成与解码等工具,支持在线搜索和Chrome插件. HTML Development Tool Link:在线工具,支持搜索 Link:https://easonjim.github.io/HTML-DEV-ToolLink/index.html Chrome Plugin:Chro…