在前端开发中，构建工具是必不可少的。Metro 是一款基于 JavaScript 的构建工具，它可以编译和打包 React Native 应用和 Web 应用。本文将详细介绍 Metro 的使用方法，并提供示例代码。
安装
npm install -g metro
安装完成后，你可以在命令行中使用 metro 命令。
配置文件
Metro 需要一个配置文件来帮助它了解项目的结构。默认情况下，Metro 会在项目根目录中寻找名为 metro.config.js 的配置文件。如果你需要自定义配置文件的路径，可以使用 --config 选项。
以下是一个基础的配置文件示例：
module.exports = {
transformer: {
babelTransformerPath: require.resolve("metro-react-native-babel-transformer")
}
};这个配置文件告诉 Metro 使用 Babel 转换器来编译 JS 文件。你可以在该配置文件中添加各种配置选项来满足你的需求。
运行
运行 Metro 非常简单。首先进入你的项目根目录，然后执行以下命令：
metro start
该命令将启动 Metro 服务器，并监视你的项目文件。如果你对 Metro 进行了任何更改，它将重新编译你的项目并自动刷新浏览器。
如果你需要在生产环境中构建你的项目，可以使用以下命令：
metro build
该命令将为你的项目生成一个优化后的生产版本。
示例代码
下面是一个简单的 React Native 应用，使用了 Metro 来编译和打包代码。这个应用从一个远程 API 获取数据，并展示在页面上。
-- -------------------- ---- -------
------ ------ - --------- --------- - ---- --------
------ - ----- ---- - ---- ---------------
----- --- - -- -- -
----- ------ -------- - -------------
------------ -- -
-------------------------------------
-------------- -- ----------------
---------- -- --------------
------------ -- ----------------------
-- ----
------ -
------
-------------- -- -
----- --------------------------------
---
-------
--
--
------ ------- ----以上就是本文对 Metro 的详细介绍和示例代码。希望能够帮助你学习和使用这个强大的构建工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/52099