码迷,mamicode.com
首页 > Web开发 > 详细

gulp打包压缩js代码

时间:2017-02-18 00:42:17      阅读:397      评论:0      收藏:0      [点我收藏+]

标签:下载地址   log   顺序   .json   logs   文件夹   lan   应该   href   

这是一个小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代码

标签:下载地址   log   顺序   .json   logs   文件夹   lan   应该   href   

原文地址:http://www.cnblogs.com/iwang5566/p/6411902.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!