gulp的js压缩，js压缩软件

前端构建工具和打包工具有啥区别

1、构建，主要指开发阶段，包括设计和实现。打包是将你开发后的可执行文件和必要的文档（如使用说明等）使用打包工具（如InstallShield）制作成软件包，就是我们通常用来安装软件的那个东西。

2、构建打包部署的意思是将开发后的可执行文件和必要的文档使用打包工具制作成软件包，上传到服务器。

3、gulp是工具链、构建工具。可以配合各种插件做jps.压缩，css.压缩，less编译等，可以替代手工实现自动化工作。

相关问答

Q1: 请问gulp和webpack的区别

1、两者区别 虽然都是前端自动化构建工具，但看他们的定位就知道不是对等的。gulp严格上讲，模块化不是他强调的东西，他旨在规范前端开发流程。

2、这样就知道，Gulp是一个工具，而webpack等等是模块化方案。Gulp也可以配置seajs、requirejs甚至webpack的插件。

3、单从原理上来讲，fis比webpack要先进好多好多。

Q2: 许多js框架或js库的min版本是怎么做出来的

1、jquery-0.js是可以调试的版本，包含注释，没有经过压缩，相对较大，在开发环境中使用；jquery-0.min.js经过压缩处理，尺寸小，下载的尺寸小，加载的时间短，在运行环境中使用。

2、你好！jquery-0.min.js 这个文件是jQuery的框架库，版本为0，min表示它是被压缩过的。它是对javascript的一个轻量级的封装，相当于一个编译器，将jQuery写法的语句，转为javascript进行执行。

3、很直白的说，其实js框架就是对js代码一层封装，提供了一些教常用的方法。如jquery，就是用js代码自己写了很多函数，放到jquery.js文件中，作为一个js的函数库。

4、jquery.min.js是由完整版的jQuery库经过压缩得来，压缩后功能与未压缩的完全一样，只是将其中的空白字符、注释、空行等与逻辑无关的内容删除，并进行一些优化。

5、先引用框架文件，用里面的方法！有空就直接打。一般别人的框架都有API。如果能看懂别人的框架最好。js包是什么？js包是使用了oo的思想，封装的一个方法包。从js方面来说，库：lib，方法库，或组件库。

6、jquery-min.js为JQuery库，版本号为2，min表明该版本为压缩版，去除了空白字符及注释，并对代码进行了变量、函数名压缩优化等，适合用于生产环境。JQuery是继prototype之后又一个优秀的Javascript库。

Q3: gulp怎么把js和css加密

为了防止客户端的静态资源缓存，我们需要每次更新css或js的时候，通过md5或时间戳等方式重新命名静态资源。让客户端可以重新请求资源，而不是从缓存里取。然后html模板里的src也要做相应的修改。

css代码是不可以加密的，首先css有别于javascript代码，是因为javascript自带有函数可以加密解密（可以百度一下js加密解密原理）。

比如如下代码，在IE浏览器下执行显示为红色，而在非IE浏览器下显示为黑色。如果把条件注释判断放在首行，则不能实现。该例题很能说明网页对IE浏览器和非IE浏览器间的兼容性问题解决。

并且中文文字太多会导致将你的加密过后页面代码膨胀。英文反会有压缩效果。如果是有一些敏感信息确实需要加密的话，可以使用js进行MD5加密进行传输。但是整个页面进行加密确实是没有必要的。

不引用外部的静态资源文件，而直接通过或写入的css与js，一般叫做inline resources。用gulp inline作为关键字搜索，就可以找到gulp-inline-source和gulp-inline。

前端中的代码加密无非是进行min化。解压缩可以用gulp，或者node.js或者卡拉。不过最简单的是使用现在的编码器（hbuilder为例）。将被加密（压缩）的css样式拷贝进来。在操作区点击右键 点击“整理代码格式”。

gulp的js压缩的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js压缩软件、gulp的js压缩的信息别忘了在本站进行查找喔。