SlideShare uma empresa Scribd logo
1 de 15
快速打包工具quick-build
Node打包工 具 by 亚城 & 展烨
开发原因
 Ant的打包时间太慢,压缩时间更慢
 本地环境太多,想切换到单一的node
  环境
 学习node
插件
 YUICompressor(node版)
 ModuleComplier(node版)
 UglifyJS(压缩工具)
 iconv-lite(处理中文问题)
quick-build功能简介
 压缩css (YUICompressor)
 利用简单combo的方式打包css & js
 打包js (ModuleComplier)
 压缩js (UglifyJS)
 在压缩后的文件夹上换行,防止页面上
  combo报错
 生成日期目录并拷贝文件
 生成应用的config.js文件
目前版本
 更新到0.3.1
 此版本已经在爱逛街跑了大半个月了,
  表现稳定,部署速度从50秒减少到10
  秒
使用方法
 安装node环境
 fed更新
 第一次需要配置data.js
 每次运行build.bat文件
配置文件data.js
 这个文件的作用是return一个大对象,
  用于记录所有所需数据
 目前的配置文件比较蛋疼,但是一次配
  置以后方便
基础配置
应用的config.js配置
其他打包配置
功能选择
问题
先检查add模块的时候有没有attach配

置,如果有,请删掉,目前暂不支持
(ModuleComplier以后会升级)

   检查nodeJS的版本,0.6.9及以下版本
    打包会有问题,请升级到最新版本。
未来版本
   0.3.1+
   less支持
   添加子线程的功能(用于提速)
   流程控制(Async)(便于插件的集成)
   压缩后的中文转义(转义成
    u67e5u770bu6211格式)
   文件拷贝的文件夹支持
   不同编码文件合并成一个的时候的编码报错问
    题
   生成ucool的css解combo文件
   指定文件压缩并拷贝到日期目录
文档
 fed地址
 http://svn.app.taobao.net/repos/fed/tru
  nk/fed/2012/quick-build

 wiki
 http://wiki.ued.taobao.net/doku.php?id
  =user:yacheng:quick-build
Q&A

Mais conteúdo relacionado

Mais procurados

twMVC#36讓 Exceptionless 存管你的 Log
twMVC#36讓 Exceptionless 存管你的 LogtwMVC#36讓 Exceptionless 存管你的 Log
twMVC#36讓 Exceptionless 存管你的 LogtwMVC
 
前端技术优化之Java Script篇
前端技术优化之Java Script篇前端技术优化之Java Script篇
前端技术优化之Java Script篇fengxiaoqiang
 
Getting started with test automation
Getting started with test automationGetting started with test automation
Getting started with test automationIvan Wei
 
超。光速 網站最佳化實戰 -twMVC#8
超。光速 網站最佳化實戰 -twMVC#8超。光速 網站最佳化實戰 -twMVC#8
超。光速 網站最佳化實戰 -twMVC#8twMVC
 
Nodejs api server_implement
Nodejs api server_implementNodejs api server_implement
Nodejs api server_implementChi-wen Sun
 
Node.js 進攻桌面開發
Node.js 進攻桌面開發Node.js 進攻桌面開發
Node.js 進攻桌面開發Fred Chien
 
Cinder snapshot and backup
Cinder snapshot and backupCinder snapshot and backup
Cinder snapshot and backupFelix Ma
 
数据库与ssd的实践与探索-2011数据库技术大会
数据库与ssd的实践与探索-2011数据库技术大会数据库与ssd的实践与探索-2011数据库技术大会
数据库与ssd的实践与探索-2011数据库技术大会freezr
 
Node.js中间件 connect模块深入浅出
Node.js中间件 connect模块深入浅出Node.js中间件 connect模块深入浅出
Node.js中间件 connect模块深入浅出Eric Xiao
 
FtnApp 的缩略图实践
FtnApp 的缩略图实践FtnApp 的缩略图实践
FtnApp 的缩略图实践Frank Xu
 
桃園市教育局Docker技術入門與實作
桃園市教育局Docker技術入門與實作桃園市教育局Docker技術入門與實作
桃園市教育局Docker技術入門與實作Philip Zheng
 
大規模微服務導入 - #2 從零開始的微服務 .NET Core 框架設計
大規模微服務導入 - #2 從零開始的微服務 .NET Core 框架設計大規模微服務導入 - #2 從零開始的微服務 .NET Core 框架設計
大規模微服務導入 - #2 從零開始的微服務 .NET Core 框架設計Andrew Wu
 
用Min Gw32,Msys搭建Win32下的开发环境
用Min Gw32,Msys搭建Win32下的开发环境用Min Gw32,Msys搭建Win32下的开发环境
用Min Gw32,Msys搭建Win32下的开发环境George Ang
 
Angular 4 新手入門攻略完全制霸
Angular 4 新手入門攻略完全制霸Angular 4 新手入門攻略完全制霸
Angular 4 新手入門攻略完全制霸Will Huang
 
Npm 套件管理 & 常用開發工具介紹
Npm 套件管理 & 常用開發工具介紹Npm 套件管理 & 常用開發工具介紹
Npm 套件管理 & 常用開發工具介紹wantingj
 
Node.js從無到有 基本課程
Node.js從無到有 基本課程Node.js從無到有 基本課程
Node.js從無到有 基本課程Simon Su
 

Mais procurados (20)

twMVC#36讓 Exceptionless 存管你的 Log
twMVC#36讓 Exceptionless 存管你的 LogtwMVC#36讓 Exceptionless 存管你的 Log
twMVC#36讓 Exceptionless 存管你的 Log
 
前端技术优化之Java Script篇
前端技术优化之Java Script篇前端技术优化之Java Script篇
前端技术优化之Java Script篇
 
Getting started with test automation
Getting started with test automationGetting started with test automation
Getting started with test automation
 
超。光速 網站最佳化實戰 -twMVC#8
超。光速 網站最佳化實戰 -twMVC#8超。光速 網站最佳化實戰 -twMVC#8
超。光速 網站最佳化實戰 -twMVC#8
 
Nodejs api server_implement
Nodejs api server_implementNodejs api server_implement
Nodejs api server_implement
 
Node.js 進攻桌面開發
Node.js 進攻桌面開發Node.js 進攻桌面開發
Node.js 進攻桌面開發
 
Cinder snapshot and backup
Cinder snapshot and backupCinder snapshot and backup
Cinder snapshot and backup
 
数据库与ssd的实践与探索-2011数据库技术大会
数据库与ssd的实践与探索-2011数据库技术大会数据库与ssd的实践与探索-2011数据库技术大会
数据库与ssd的实践与探索-2011数据库技术大会
 
Node.js中间件 connect模块深入浅出
Node.js中间件 connect模块深入浅出Node.js中间件 connect模块深入浅出
Node.js中间件 connect模块深入浅出
 
FtnApp 的缩略图实践
FtnApp 的缩略图实践FtnApp 的缩略图实践
FtnApp 的缩略图实践
 
桃園市教育局Docker技術入門與實作
桃園市教育局Docker技術入門與實作桃園市教育局Docker技術入門與實作
桃園市教育局Docker技術入門與實作
 
大規模微服務導入 - #2 從零開始的微服務 .NET Core 框架設計
大規模微服務導入 - #2 從零開始的微服務 .NET Core 框架設計大規模微服務導入 - #2 從零開始的微服務 .NET Core 框架設計
大規模微服務導入 - #2 從零開始的微服務 .NET Core 框架設計
 
App house
App houseApp house
App house
 
Vitualbox
VitualboxVitualbox
Vitualbox
 
用Min Gw32,Msys搭建Win32下的开发环境
用Min Gw32,Msys搭建Win32下的开发环境用Min Gw32,Msys搭建Win32下的开发环境
用Min Gw32,Msys搭建Win32下的开发环境
 
Banquet 39
Banquet 39Banquet 39
Banquet 39
 
SASS入門實作
SASS入門實作SASS入門實作
SASS入門實作
 
Angular 4 新手入門攻略完全制霸
Angular 4 新手入門攻略完全制霸Angular 4 新手入門攻略完全制霸
Angular 4 新手入門攻略完全制霸
 
Npm 套件管理 & 常用開發工具介紹
Npm 套件管理 & 常用開發工具介紹Npm 套件管理 & 常用開發工具介紹
Npm 套件管理 & 常用開發工具介紹
 
Node.js從無到有 基本課程
Node.js從無到有 基本課程Node.js從無到有 基本課程
Node.js從無到有 基本課程
 

Destaque (19)

Linuxguide4f2e
Linuxguide4f2eLinuxguide4f2e
Linuxguide4f2e
 
Dolmen DDC Program
Dolmen DDC ProgramDolmen DDC Program
Dolmen DDC Program
 
Online creche
Online crecheOnline creche
Online creche
 
Knockout js
Knockout jsKnockout js
Knockout js
 
01 haziran11 akplilerin yapacak iyi isleri kalmadi
01 haziran11 akplilerin yapacak iyi isleri kalmadi01 haziran11 akplilerin yapacak iyi isleri kalmadi
01 haziran11 akplilerin yapacak iyi isleri kalmadi
 
Jasmine
JasmineJasmine
Jasmine
 
Cardiovascular disease
Cardiovascular diseaseCardiovascular disease
Cardiovascular disease
 
La texsymbols a4
La texsymbols a4La texsymbols a4
La texsymbols a4
 
July ppt
July pptJuly ppt
July ppt
 
Hiram award recipients
Hiram award recipientsHiram award recipients
Hiram award recipients
 
Trestle board feb march 2013
Trestle board feb march 2013Trestle board feb march 2013
Trestle board feb march 2013
 
History of the lodge by buster
History of the lodge by busterHistory of the lodge by buster
History of the lodge by buster
 
性能问题的快速定位
性能问题的快速定位性能问题的快速定位
性能问题的快速定位
 
Joycss
JoycssJoycss
Joycss
 
Node分享 展烨
Node分享 展烨Node分享 展烨
Node分享 展烨
 
Food processing
Food processingFood processing
Food processing
 
estudio de factibilidad de un proyecto
estudio de factibilidad de un proyectoestudio de factibilidad de un proyecto
estudio de factibilidad de un proyecto
 
Demand Control System BMS-Tetrapak
Demand Control System BMS-TetrapakDemand Control System BMS-Tetrapak
Demand Control System BMS-Tetrapak
 
Budget presentation 2012
Budget presentation 2012Budget presentation 2012
Budget presentation 2012
 

Semelhante a 快速打包工具Quick build

你的 JS 該減肥了!5個提升網頁載入速度的技巧 - Modern Web 2020
你的 JS 該減肥了!5個提升網頁載入速度的技巧 - Modern Web 2020你的 JS 該減肥了!5個提升網頁載入速度的技巧 - Modern Web 2020
你的 JS 該減肥了!5個提升網頁載入速度的技巧 - Modern Web 2020Shubo Chao
 
jsdoc-toolkit
jsdoc-toolkitjsdoc-toolkit
jsdoc-toolkitsatans17
 
基于Cocos2 d x二次开发的自有引擎方案分享-mobile 2d framework en
基于Cocos2 d x二次开发的自有引擎方案分享-mobile 2d framework en基于Cocos2 d x二次开发的自有引擎方案分享-mobile 2d framework en
基于Cocos2 d x二次开发的自有引擎方案分享-mobile 2d framework en增强 杜
 
性能优化
性能优化性能优化
性能优化Lu Wei
 
前端性能优化和自动化
前端性能优化和自动化前端性能优化和自动化
前端性能优化和自动化kaven yan
 
部門會議 960625 Leon
部門會議 960625 Leon部門會議 960625 Leon
部門會議 960625 LeonLeon Chuang
 
使用Javascript及HTML5打造協同運作系統
使用Javascript及HTML5打造協同運作系統使用Javascript及HTML5打造協同運作系統
使用Javascript及HTML5打造協同運作系統Hsu Ping Feng
 
【项目分享】赶集移动Web App开发总结
【项目分享】赶集移动Web App开发总结 【项目分享】赶集移动Web App开发总结
【项目分享】赶集移动Web App开发总结 yangdj
 
建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)Joseph Chiang
 
一淘新首页总结
一淘新首页总结一淘新首页总结
一淘新首页总结jieorlin
 
Beyond rails server
Beyond rails serverBeyond rails server
Beyond rails serverMichael Chen
 
基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映heyfluke
 
基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映heyfluke
 
快快樂樂學 Angular 2 開發框架
快快樂樂學 Angular 2 開發框架快快樂樂學 Angular 2 開發框架
快快樂樂學 Angular 2 開發框架Will Huang
 
赶集团购开发总结4
赶集团购开发总结4赶集团购开发总结4
赶集团购开发总结4yangdj
 
S3C44B0 User Guide
S3C44B0 User GuideS3C44B0 User Guide
S3C44B0 User Guidephantoxe
 
S3C44B0 User Guide
S3C44B0 User GuideS3C44B0 User Guide
S3C44B0 User Guidephantoxe
 
Kissy design
Kissy designKissy design
Kissy designyiming he
 
Bluemix Node-Red Part II
Bluemix Node-Red Part IIBluemix Node-Red Part II
Bluemix Node-Red Part IIJoseph Chang
 
Node js feat pegasus
Node js feat pegasusNode js feat pegasus
Node js feat pegasuscnfi
 

Semelhante a 快速打包工具Quick build (20)

你的 JS 該減肥了!5個提升網頁載入速度的技巧 - Modern Web 2020
你的 JS 該減肥了!5個提升網頁載入速度的技巧 - Modern Web 2020你的 JS 該減肥了!5個提升網頁載入速度的技巧 - Modern Web 2020
你的 JS 該減肥了!5個提升網頁載入速度的技巧 - Modern Web 2020
 
jsdoc-toolkit
jsdoc-toolkitjsdoc-toolkit
jsdoc-toolkit
 
基于Cocos2 d x二次开发的自有引擎方案分享-mobile 2d framework en
基于Cocos2 d x二次开发的自有引擎方案分享-mobile 2d framework en基于Cocos2 d x二次开发的自有引擎方案分享-mobile 2d framework en
基于Cocos2 d x二次开发的自有引擎方案分享-mobile 2d framework en
 
性能优化
性能优化性能优化
性能优化
 
前端性能优化和自动化
前端性能优化和自动化前端性能优化和自动化
前端性能优化和自动化
 
部門會議 960625 Leon
部門會議 960625 Leon部門會議 960625 Leon
部門會議 960625 Leon
 
使用Javascript及HTML5打造協同運作系統
使用Javascript及HTML5打造協同運作系統使用Javascript及HTML5打造協同運作系統
使用Javascript及HTML5打造協同運作系統
 
【项目分享】赶集移动Web App开发总结
【项目分享】赶集移动Web App开发总结 【项目分享】赶集移动Web App开发总结
【项目分享】赶集移动Web App开发总结
 
建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)
 
一淘新首页总结
一淘新首页总结一淘新首页总结
一淘新首页总结
 
Beyond rails server
Beyond rails serverBeyond rails server
Beyond rails server
 
基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映
 
基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映
 
快快樂樂學 Angular 2 開發框架
快快樂樂學 Angular 2 開發框架快快樂樂學 Angular 2 開發框架
快快樂樂學 Angular 2 開發框架
 
赶集团购开发总结4
赶集团购开发总结4赶集团购开发总结4
赶集团购开发总结4
 
S3C44B0 User Guide
S3C44B0 User GuideS3C44B0 User Guide
S3C44B0 User Guide
 
S3C44B0 User Guide
S3C44B0 User GuideS3C44B0 User Guide
S3C44B0 User Guide
 
Kissy design
Kissy designKissy design
Kissy design
 
Bluemix Node-Red Part II
Bluemix Node-Red Part IIBluemix Node-Red Part II
Bluemix Node-Red Part II
 
Node js feat pegasus
Node js feat pegasusNode js feat pegasus
Node js feat pegasus
 

快速打包工具Quick build