ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2021-05-29 22:03:21  阅读:159  来源: 互联网

标签:node Fastpack -- modules JavaScript fpack js preprocess 轮子


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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有