Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
扣子Coze
职场AI,就用扣子
Trae编程
字节跳动推出的 AI原生编程工具
码上飞(CodeFlying)
用一句话自动生成小程序、APP、H5网页应用
方舟(Coding Plan)
火山引擎推出的大模型API聚合订阅服务
通义灵码
基于通义大模型的智能编程辅助工具
星月写作
人工智能写作助手
简约导航
一款清新简洁,免费无广告的导航网站
AI应用助手
一站式AI工具平台,为工作和学习提供智能解决方案
iSlide
让PPT设计简单起来,PPT模板下载平台
AI Agent部署
一站式轻松搭建企业级 AI Agent

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

Metro

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://facebook.github.io/metro/
GitHub:https://github.com/facebook/metro
描述信息:针对 React Native的JavaScript模块打包器
访问官网
GitHub

metro 是一个针对 React Native的JavaScript模块打包器,他接收一个entry file (入口文件) 和一些配置作为参数,返回给你一个单独的JavaScript文件,这个文件包含了你写的所有的JavaScript 代码和所有的依赖。 也就是说Metro把你写的几十上百个js文件和几百个node_modules的依赖,打包成了一个文件。

Metro 的打包过程有3个独立的阶段:Resolution、Transformation、Serialization

Resolution 阶段

Metro 需要建立一个你的入口文件所需要的所有的模块的表,为了找到一个文件依赖了哪些文件,Metro 使用了一个resolver。在实际中,Resolution阶段是和transformation阶段并行进行的。

Transformation阶段

所有的模块都要经历一个 transformer, transformer 负责把一个模块转换成RN能理解的格式;

Serialization阶段

一旦模块被转换完成,就会马上被serialized,通过serializer,把上一个阶段转换好的模块组合成一个或多个bundle,bundle 就是字面意思:把一堆模块组合成一个单独的JavaScript文件

Metro这个库已经根据bundle时的各个阶段,拆分为resolver,transformer,serializer 模块了,每个模块负责相应的功能,因此你可以方便的替换为自己的模块。

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/3820

更多»
热门资源
TypeScript
一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集
官网
GitHub
Vite
下一代前端开发与构建工具
官网
GitHub
webpack
webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起
官网
GitHub
npm
javascript 最流行的包管理器
官网
GitHub
yarn
可替代NPM的快速、可靠、安全的可信赖包管理工具Yarn
官网
GitHub
bower
解决js的依赖管理
官网
GitHub
grunt
基于Node.js的项目构建工具。它可以自动运行你所设定的任务
官网
GitHub
Parcel
快速,零配置的 Web 应用程序打包器
官网
GitHub
babel
Babel 是一个 JavaScript 编译器,可用下一代JavaScript 语法写代码
官网
GitHub
browserify
一个浏览器端代码模块化工具,require和module.exports来导入和导出.Browserify的原理:部署时处理代码依赖,将模块打包为一个文件。
官网
GitHub
Rolldown
Rust 驱动的高性能打包器
官网
GitHub
HEAD
一份你可以在 <head> 里设置的列表
官网
GitHub
类似于Metro的资源
Rollup
下一代ES6模块打包工具,用来es6模块打包代码的构建工具(支持css和js打包)
官网
GitHub
hogan.js
由Twitter团队所制作的一个针对mustache模板的语法解析器【模板引擎】
官网
GitHub
Lando
基于Docker的本地开发环境和DevOps工具容器技术
官网
GitHub
prerender-loader
Webpack通用预渲染
官网
GitHub
ied
Node的另一个包管理器
官网
GitHub
prerender
一个兼容多种不同平台(包括Node,PHP和Ruby)的一个服务
官网
GitHub
WMR
微型的多合一开发工具,用于现代 Web 应用程序
官网
GitHub
Corepack【pmm】
一款零运行时依赖的 Node 脚本工具
点击进入
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网 All Rights Reserved. 提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。