快速打包工具Quick build

15
快速打包工具quick-build Node打包工 具 by 亚城 &

Transcript of 快速打包工具Quick build

Page 1: 快速打包工具Quick build

快速打包工具quick-buildNode打包工 具 by 亚城 & 展烨

Page 2: 快速打包工具Quick build

开发原因

Ant的打包时间太慢,压缩时间更慢

本地环境太多,想切换到单一的node

环境

学习node

Page 3: 快速打包工具Quick build

插件

YUICompressor(node版)

ModuleComplier(node版)

UglifyJS(压缩工具)

iconv-lite(处理中文问题)

Page 4: 快速打包工具Quick build

quick-build功能简介

压缩css (YUICompressor)

利用简单combo的方式打包css & js

打包js (ModuleComplier)

压缩js (UglifyJS)

在压缩后的文件夹上换行,防止页面上

combo报错

生成日期目录并拷贝文件

生成应用的config.js文件

Page 5: 快速打包工具Quick build

目前版本

更新到0.3.1

此版本已经在爱逛街跑了大半个月了,

表现稳定,部署速度从50秒减少到10

Page 6: 快速打包工具Quick build

使用方法

安装node环境

fed更新

第一次需要配置data.js

每次运行build.bat文件

Page 7: 快速打包工具Quick build

配置文件data.js

这个文件的作用是return一个大对象,

用于记录所有所需数据

目前的配置文件比较蛋疼,但是一次配

置以后方便

Page 8: 快速打包工具Quick build

基础配置

Page 9: 快速打包工具Quick build

应用的config.js配置

Page 10: 快速打包工具Quick build

其他打包配置

Page 11: 快速打包工具Quick build

功能选择

Page 12: 快速打包工具Quick build

问题

先检查add模块的时候有没有attach配置,如果有,请删掉,目前暂不支持

(ModuleComplier以后会升级)

检查nodeJS的版本,0.6.9及以下版本打包会有问题,请升级到最新版本。

Page 13: 快速打包工具Quick build

未来版本

0.3.1+

less支持 添加子线程的功能(用于提速)

流程控制(Async)(便于插件的集成) 压缩后的中文转义(转义成

\u67e5\u770b\u6211格式) 文件拷贝的文件夹支持

不同编码文件合并成一个的时候的编码报错问题

生成ucool的css解combo文件 指定文件压缩并拷贝到日期目录

Page 15: 快速打包工具Quick build

Q&A