Javascript XD插件中的npm包或Node.js API

我正在尝试为AdobeXD构建一个插件。我想在代码中使用一些npm包和一些Node.js API。这可能吗？

说您可以使用一些npm软件包，有些可能需要网页包。但是，不支持Node.js API

我可以使用npm包或Node.js API吗？ 您可能可以使用一些npm包而无需修改，但是 您可能需要使用webpack或rollup来 生成一个包

Node.js API本身不受支持

说你可以使用一些npm软件包，有些可能需要网页包。但是，不支持Node.js API

我可以使用npm包或Node.js API吗？ 您可能可以使用一些npm包而无需修改，但是 您可能需要使用webpack或rollup来 生成一个包

Node.js API本身不受支持

您可以在Adobe XD插件中使用一些npm包，但需要记住以下限制：

XD的require函数不遵循节点样式解析。也就是说，require'module'不会自动解析为node_modules/module/index.js。要解决这个问题，您需要使用绑定器，例如。有关使用webpack和React的示例，请参见示例

XD JavaScript环境不提供许多节点模块可能依赖的节点API。例如，使用Node的fs模块的npm包在adobexd插件中不起作用。不过，纯算法的npm包应该可以工作，只要它们只依赖于JavaScript规范本身

此外，如果您的npm包依赖于特定的浏览器API，则Adobe XD提供的HTML5 DOM API环境可能不够。例如，AdobeXD插件无法使用Web音频API，因此任何需要使用该模块的npm包都无法工作

对于某些软件包，添加存根或多边形填充即可。例如，如果模块需要，您可以存根requestAnimationFrame，如下所示：

global.requestAnimationFrame = cb => cb();

现在这不是一个功能性rAF，但对于您正在使用的软件包来说可能已经足够了。

您可以在Adobe XD插件中使用一些npm软件包，但您需要记住以下限制：

XD的require函数不遵循节点样式解析。也就是说，require'module'不会自动解析为node_modules/module/index.js。要解决这个问题，您需要使用绑定器，例如。有关使用webpack和React的示例，请参见示例

XD JavaScript环境不提供许多节点模块可能依赖的节点API。例如，使用Node的fs模块的npm包在adobexd插件中不起作用。不过，纯算法的npm包应该可以工作，只要它们只依赖于JavaScript规范本身

此外，如果您的npm包依赖于特定的浏览器API，则Adobe XD提供的HTML5 DOM API环境可能不够。例如，AdobeXD插件无法使用Web音频API，因此任何需要使用该模块的npm包都无法工作

对于某些软件包，添加存根或多边形填充即可。例如，如果模块需要，您可以存根requestAnimationFrame，如下所示：

global.requestAnimationFrame = cb => cb();

现在，这不是一个功能性rAF，但对于您正在使用的包来说，它可能已经足够了