npm 包 @sewing-kit/plugin-package-binaries 使用教程-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常需要构建和打包我们的代码。当我们的应用变得更加复杂，我们可能需要在我们的构建流程中引入一些二进制文件（如 webassembly）。这个时候，@sewing-kit/plugin-package-binaries 就是一个非常有用的工具。

什么是 @sewing-kit/plugin-package-binaries

@sewing-kit/plugin-package-binaries 是一个 npm 包，它的作用是在你的应用构建过程中，将二进制文件打包成应用所需的格式。该包使用 Rollup 这个 JavaScript 模块打包工具来处理二进制文件。

安装

首先，我们需要安装 @sewing-kit/plugin-package-binaries：

npm install @sewing-kit/plugin-package-binaries --save-dev

然后，在你的 sewing-kit.config.js 中添加以下代码：

import {createPackage} from '@sewing-kit/config';
import {createPackageBinaryPlugin} from '@sewing-kit/plugin-package-binaries';

export default createPackage((pkg) => {
  // ...
  pkg.use(createPackageBinaryPlugin());
  // ...
});

配置

@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