编程语言
首页 > 编程语言> > 前端的新“轮子”:JavaScript 应用打包器 Fastpack

前端的新“轮子”:JavaScript 应用打包器 Fastpack

作者:互联网

前端的新“轮子”:JavaScript 应用打包器 Fastpack
授权协议:MIT

开发语言:JavaScript

操作系统:跨平台

Fastpack 是一个 JavaScript 应用打包器,目标是做到对于中型应用(约1000个模块)的打包时间小于1000ms,增量重新打包时间低于100ms。

$ npm install -g fpack

$ fpack --help

基准测试结果

前端的新“轮子”:JavaScript 应用打包器 Fastpack

示例代码

$ fpack ./ui/index.js \

-o build \

-w \

--dev \

--nm "$(pwd)/node_modules" \

--nm node_modules \

--preprocess='^ui/.+\.js$' \

--preprocess='^node_modules/components/[^/]+\.js$'

Packed in 2.148s. Bundle: 5.87Mb. Modules: 1602. Cache: empty. Mode: development.

Watching file changes (Ctrl+C to stop)

$ fpack ./ui/index.js \

-o build \

-w \

--dev \

--nm "$(pwd)/node_modules" \

--nm node_modules \

--preprocess='^ui/.+\.js$' \

--preprocess='^node_modules/components/[^/]+\.js$'

Packed in 0.176s. Bundle: 5.87Mb. Modules: 1602. Cache: used. Mode: development.

Watching file changes (Ctrl+C to stop)

安装

通过以下 npm 安装:

% npm install fpack

使用

生成开发包

% fpack --development ./index.js

生成生产包

% fpack ./index.js \

--postprocess 'babel --presets env' \

--postprocess 'uglify -cm'

请注意,必须安装 babel,babel-preset-env 和 uglify-js 软件包。

项目详情及源码地址获取:

前端的新“轮子”:JavaScript 应用打包器 Fastpack

标签:node,Fastpack,--,modules,JavaScript,fpack,js,preprocess,轮子
来源: https://blog.51cto.com/u_15127629/2831758