在前端开发中，我们经常需要构建和打包我们的代码。当我们的应用变得更加复杂，我们可能需要在我们的构建流程中引入一些二进制文件（如 webassembly）。这个时候，@sewing-kit/plugin-package-binaries 就是一个非常有用的工具。
什么是 @sewing-kit/plugin-package-binaries
@sewing-kit/plugin-package-binaries 是一个 npm 包，它的作用是在你的应用构建过程中，将二进制文件打包成应用所需的格式。该包使用 Rollup 这个 JavaScript 模块打包工具来处理二进制文件。
安装
首先，我们需要安装 @sewing-kit/plugin-package-binaries：
--- ------- ----------------------------------- ----------
然后，在你的 sewing-kit.config.js 中添加以下代码：
------ --------------- ---- --------------------- ------ --------------------------- ---- -------------------------------------- ------ ------- ------------------- -- - -- --- ------------------------------------- -- --- ---
配置
@sewing-kit/plugin-package-binaries 的默认行为是将所有以 .wasm 结尾的文件打包成 Uint8Array 格式，并存储在 JavaScript 文件中。如果你需要更细粒度的控制，你可以传递下面这些配置选项至 createPackageBinaryPlugin:
binaryExtensions用于定义应该打包的二进制文件的扩展名。默认值是['.wasm', '.mjs']。targetExtension用于指定生成文件的扩展名。默认值是.js。namespace用于指定生成文件的命名空间。默认值是binary。targetPath用于指定生成文件的路径。默认值是src/binary.ts。name用于指定生成文件的名称。默认值是binary.
在 sewing-kit.config.js 中添加以下代码：
------ --------------- ---- ---------------------
------ --------------------------- ---- --------------------------------------
------ ------- ------------------- -- -
-- ---
--------
---------------------------
----- ----------------------
----------------- --------------
---------- -----------
----------- ------------------
---------------- ------
---
--
-- ---
---使用
安装 @sewing-kit/plugin-package-binaries 后，你可以在你的 JavaScript 代码中直接使用二进制文件。下面是一个简单的示例，使用一个二进制文件计算斐波那契数列：
------ -------- ---- -------------------
----- ------------ - -
---- -
------ -- -- ---
--
--- ---------
--
----- --------- - ----- --- -- -
----- ---------- - ----- ------------------------
--------------
-------------
--
------ ------------------------------
--
---------------------------结语
@sewing-kit/plugin-package-binaries 是一个非常有用的工具，它可以帮助我们在前端开发中更好地管理我们的二进制文件。它的配置非常简单，只需要通过 sewing-kit.config.js 文件来设置就可以了。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f3cf94edbf7be33b25670f1