如何利用node进行js css合并压缩

JavaScript017

如何利用node进行js css合并压缩,第1张

gulp是基于Node.js的前端构建工具。所以首先需要安装nodejs,安装nodejs。

完成nodejs安装之后,需要使用npm安装gulp。

先安装全局gulp

npm install -g gulp然后在项目根目录下安装本地gulp。

此时项目根目录下会多出下面这个文件夹 node_modules

好的,现在gulp已经安装完成了,但是gulp本身不提供js压缩合并等功能,需要使用gulp的相关插件。目前只需要完成js压缩合并和css文件压缩的功能,先安装相应的插件:

1.css压缩 gulp-minify-css

2.js压缩 gulp-uglify

3.js合并 gulp-concat

由于压缩之前需要对js代码进行代码检测,压缩完成之后需要加上min的后缀,我们还需要安装另外两个插件:

您好,合并js文件目前有两种方法:

1,手动或者借助工具将多个js文件合并到一个文件,一般合并后进行压缩,去掉注释和多余的空格和换行。

2,采用先进的服务器技术,比如淘宝的服务器可以用一个连接请求多个js文件,如图:

目前tengine可以支持这种模式!

合并成一个JS文件之后,代码的作用域扩大,难免会造成冲突。找到报错的代码所在位置,找到原JS文件修改下。

举个例子:a.js 中有var foo = 1b.js 中也有 var foo = 10 那么合并之后就会有两个 foo 变量, 这样一来在新的js文件中,foo的值就是写在后面的一个,而恰好后面的值会冲突报错。

因此,在合并之前需要确定每个js文件都能正常工作,而且没有函数、变量上的冲突。