gulp打包压缩js代码

Posted iwang5566

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了gulp打包压缩js代码相关的知识,希望对你有一定的参考价值。

这是一个小demo,实现的功能如下:

  1.在js代码打包很多的js文件,我们需要控制某些个别js件必须在前面。这里做到了简单的实现。

  2.实现合并成一个js文件。

  3.实现压缩成一行,即生成*.min.js。

一,首先看下目录结构

其中main.js模拟了最重要的一个js文件,在页面上应该首先需要加载的js。文件。

我们把不需要考虑顺序的文件放在了js文件夹下。main.js a.js b.js 里面几句简单的代码。大家可以下载demo文件查看。

gulpfile.js

package.json文件包含demo依赖的插件。

执行gulp任务

执行成功,下面向我们展示了生成的app.min.js文件。

demo文件百度下载地址:http://pan.baidu.com/s/1hswqNgo

 

以上是关于gulp打包压缩js代码的主要内容,如果未能解决你的问题,请参考以下文章

gulp压缩整站方法(html/css/js/image)

gulp webpack 区别

node.js 使用教程-2.Gulp 打包构建入门与使用

gulp打包

gulp打包js多个文件夹并压缩混淆,编译ES6语法

gulp自动化方案