Java教程

前端的新“轮子”: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

这篇关于前端的新“轮子”:JavaScript 应用打包器 Fastpack的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!