前端开发中，构建工具成为了必要的一环，其中打包工具尤为重要。在 React Native 开发中，我们需要打包出对应的 Native 代码，然后才能做到真正的运行，这一过程就需要用到打包工具。而 @haul-bundler/core-legacy 就是一款用于打包 React Native 代码的工具。
安装
我们可以用 npm 包管理器来安装 @haul-bundler/core-legacy。
--- ------- -------------------------
使用
配置
使用 @haul-bundler/core-legacy 之前，我们需要先进行一些简单的配置。
创建一个名为 haul.config.js 的配置文件, 并在其中进行相关配置：
-------------- - -
-------- -
---- ---
-------- ---
--
-------- -
------ -
------ ----------------- -- ------
------------- --- -- ------- ----- ----
--
--
--打包
接下来，我们可以使用 @haul-bundler/core-legacy 的 API 进行打包工作。
----- - ------------ - - ------------------------------------- ----- ------ - ---------------------------- -------------------- ---------
上述代码将根据 haul.config.js 进行打包，并输出相应的日志。同时 options 参数可配置相应选项，例如：
- ---- ------ -- ----- ---------------- --- ------- ------- ----- -- ------ ---------- ------ -- ---- --------- ---------- ----- -- ----------- -
插件
@haul-bundler/core-legacy 支持在打包时使用各种不同的插件，例如 @haul-bundler/babel-transformer，它负责转换代码中的 ES6+ 语法。使用这个插件只需要在配置文件的 transformers 中添加即可：
-------------- - -
-------- -
------ -
------ -----------------
------------- -
---------------------------------------------------
--
--
--
--同时，还可以为插件传递参数，例如：
-------------- - -
-------- -
------ -
------ -----------------
------------- -
-
---------------------------------------------------
-
-------- -------------------------------------------
--
--
--
--
--
--结语
本文介绍了如何使用 @haul-bundler/core-legacy 打包 React Native 代码，同时介绍了配置文件的格式和插件的使用方法。希望本文能对大家有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedaa90b5cbfe1ea0610512