如何在 JavaScript 刺激中导入 npm 模块

Question

我想使用 zpl-image 模块中的 imageToZ64()

我安装它使用：npm install zpl-image

然后我导入它：import './../../../node_modules/zpl-image';

但是当我这样使用函数时let res = imageToZ64(canvas); 我得到：未捕获（承诺）ReferenceError：未定义 imageToZ64

我试过这样导入它：import { imageToZ64 } from './../../../node_modules/zpl-image/zpl-image';

但问题是此函数使用了 pako.js 中的其他函数，这是 zpl-image 中的另一个 js 文件。我的问题是如何以能够访问所有功能的方式导入模块？

Answer 1

我强烈建议您阅读此处的自述文件：zpl-image repo GitHub

为了与 Node.js 一起使用：

const imageToZ64 = require("zpl-image").imageToZ64;

或：

const { imageToZ64, rgbaToZ64 } = require("zpl-image");

如果您想在浏览器中使用它，请阅读 generic browser usage 因为你已经通过 npm 安装了它，所以在 node_modules/zpl-image/zpl-image.html 中有一个演示文件，你可以在浏览器中打开它，阅读它的内容，并了解代码是如何工作的，这就是演示文件的目的。

如何在 JavaScript 刺激中导入 npm 模块

How to import npm module in JavaScript stimulus

javascript

npm-install