使用gulp在开发过程中合理导出zip文件
最近一段时间一直在做桌面混合应用,跟以往做web端不同的是,无法再通过在浏览器上输入内部的域名来随时跟踪开发版本的状况了,只能通过打包代码让产品或领导随时跟踪进度。
这里就涉及到一些问题了:
1,需要打包成zip文件便于传输
2,需要排除一些仅是开发中需要的文件,如node_modules,一些不必要的config等
然后,首当其冲gulp,关于gulp和grunt的比较,流式(stream)操作比较快之类的云云就不多废话了。
一,生成zip文件
使用gulp-zip插件
首先是安装
npm install gulp -g
npm install gulp gulp-zip --save-dev
这里存在两个问题:
- 为什么要装两次gulp,一次全局一次本地?全局安装是为了随时随地可以在命令行中使用gulp,命令行并不认识local安装的gulp命令,本地安装是为了维护你当前的项目所依赖的gulp版本,且本地运行更快,当然如果你实在不爽两地安装或者到发布环境再去全局安装gulp显得很多余,你当然可以这样做,在项目根目录下的package.json中这样写:
{
...//此处省略100行
"main": "src/js/index.js",
"scripts": {
"zip": "gulp zip"
},
...//此处省略100行
}如此就可以不用全局安装gulp了,因为npm-script会自动到local的node_modules目录中查找到gulp命令。
- 为什么使用--save-dev而不用--save?是因为该插件仅为开发所依赖,不为使用所依赖,说白了就是只有开发者才需要用这个插件,使用者是不需要的,所以使用--save-dev。
安装完了之后,就开始编写gulpfile.js(如果要使用es6语法,需改名为gulpfile.babel.js,并需安装babel,题外话,不展开):
const gulp = require('gulp');
const zip = require('gulp-zip'); gulp.task('zip', function() {
return gulp.src('**/*.*')
.pipe(zip('test.zip'))
.pipe(gulp.dest('export'));
});
gulp的使用问题不在这里赘述。然后就可以在根目录下运行
gulp zip
或使用npm-script方式
npm run zip
然后就在export/下能看到你导出的test.zip文件,里面包含了根目录下的所有文件。
二,排除某些不需要的目录和文件
一些常见的需要排除的目录有node_modules,本地config等,gulp.src提供了强大的路径匹配,我们都知道src能接受数组来做多个匹配。
一开始你可能会这样写:
gulp.src(['!**/node_modules/**/*.*','!config/**/*.*'])
然后就出错了:Error: Missing positive glob
原来反匹配在gulp.src中是不可以写在第一位的,第一项一定是正匹配,于是这样写:
gulp.src(['**/*.*','!**/node_modules/**/*.*','!config/**/*.*'])
一切大吉了,压缩出来的文件不包含这些文件夹里的东西了。也许你要问,就排除个文件夹,为什么不能直接写**/node_modules?据我实验下来,这边过滤的只能是文件而不是一个路径,如果你只写路径,是没有效果的,必须匹配到该路径下的所有文件。
使用gulp在开发过程中合理导出zip文件的更多相关文章
- flash 中无法导出swf文件的解决方法
近一个星期,我的flash cs6一直导不出swf文件,郁闷了好长时间,今天终于在网上找到了解决办法:总结了一下,如下: 一.是把文字打散,变成形状. 二.是把汉字的字体设成fla ...
- mysql中导入导出sql文件
1.导出整个数据库: mysqldump -u用户名 -p密码 数据库名 > 导出的文件名 例:mysqldump -uroot -proot user > user.sql 2.导出一个 ...
- 在ASP.NET中实现压缩多个文件为.zip文件,实现批量下载功能 (转载并优化处理篇)
转自:http://blog.csdn.net/yanlele424/article/details/6895986 这段时间一直在做一个网站,其中遇到了一个问题,就是在服务器端压缩多个服务器端的文件 ...
- 通过javascript在网页端解压zip文件并查看压缩包内容
WEB前端解压ZIP压缩包 web前端解压zip文件有什么用: 只考虑标准浏览器的话, 服务器只要传输压缩包到客户端, 节约了带宽, 而且节约了传输时间, 听起来好像很厉害的说: 如果前端的代 ...
- jxl导出Excel文件
一.java项目实现读取Excel文件和导出Excel文件 实现读取和导出Excel文件的代码: package servlet; import java.io.FileInputStream; im ...
- 利用ITextSharp导出PDF文件
最近项目中需要到处PDF文件,最后上网搜索了一下,发现ITextSharp比较好用,所以做了一个例子: public string ExportPDF() { //ITextSharp Usage / ...
- Android Zip文件解压缩代码
2011-04-01 17:58:52| 分类: Android |举报 |字号 订阅 在Android平台中如何实现Zip文件的解压 缩功能呢? 因为Android内部已经集成了zlib库,对 ...
- C# 利用ITextSharp导出PDF文件
最近项目中需要导出PDF文件,最后上网搜索了一下,发现ITextSharp比较好用,所以做了一个例子: public string ExportPDF() { //ITextSharp Usage / ...
- ASP.NET Core导入导出Excel文件
ASP.NET Core导入导出Excel文件 希望在ASP.NET Core中导入导出Excel文件,在网上搜了一遍,基本都是使用EPPlus插件,EPPlus挺好用,但商用需要授权,各位码友若有好 ...
随机推荐
- java程序编译
Empoyee.java package Company; public class Empoyee { String name = ""; public Empoyee(Stri ...
- SCP和SFTP(都使用SSH。但SCP上传不能中断,而SFTP可以续传,这是最大区别)
不管SCP还是SFTP,都是SSH的功能之一.都是使用SSH协议来传输文件的. 不用说文件内容,就是登录时的用户信息都是经过SSH加密后才传输的,所以说SCP和SFTP实现了安全的文件传输. SCP和 ...
- mysql优化21条经验(转)
今天,数据库的操作越来越成为整个应用的性能瓶颈了,这点对于Web应用尤其明显.关于数据库的性能,这并不只是DBA才需要担心的事,而这更是我们程序 员需要去关注的事情.当我们去设计数据库表结构,对操作数 ...
- c++ 名字粉碎(name mangling)
转自Ibm: Name mangling is the encoding of function and variable names into unique names so that linker ...
- 【HDOJ】3584 Cube
三位树状数组. /* 3584 */ #include <iostream> #include <string> #include <map> #include & ...
- 凯撒密码 CH Round #57 - Story of the OI Class
题目:http://ch.ezoj.tk/contest/CH%20Round%20%2357%20-%20Story%20of%20the%20OI%20Class/凯撒密码 题解:刚开始想map, ...
- 【异步编程】when.js
异步编程:When.js快速上手 var api = 'http://qgy18.imququ.com/file/when/d.php?cb=?'; var getData = function() ...
- Linux下USB烧写uImage kernel
Linux下USB烧写uImage kernel 1.启动开发板,进入u-boot:(如果开发板中没有系统,可以通过用SD卡方式启动开发板进入) U-Boot 2011.06 (Mar 19 ...
- (转载)mysql中limit用法
(转载)http://hi.baidu.com/sppeivan/item/e45179375d6778c62f8ec221 mysql中limit用法 使用查询语句的时候,经常要返回前几条或者中 ...
- mac下的改装人生——关于机械键盘
这几天好像弄了很多关于机械键盘的东西,我自己的这块键盘也已经慢慢熟悉了,感觉打字超级爽哈,然后看了很多网上关于机械键盘的帖子,也看了很多教程,在Amazon和Taobao看了很多键盘的价位,前几天还试 ...