Pixi.js: 将 PixiJS 导入为 ESM，无需打包器

创建于 2020-07-01 · 10评论 · 资料来源: pixijs/pixi.js

我正在尝试在 Snowpack 应用程序中导入 Pixi，但是，虽然 NPM 上的 Pixi 包包含一个 esm 文件（ /lib/pixi.es.js ），但它不能直接在浏览器中加载，因为它使用节点的本机库（例如： url )。

是否可以在不使用 Rollup、Webpack 或任何其他捆绑器的情况下将 PixiJS 作为 ES 模块导入？

🙏 Feature Request

资料来源

NemoStein

👍5

最有用的评论

好的，我都听到了。我们将处理基于浏览器的 ESM 包。

bigtimebuddy 于 2020-08-23

🎉7

所有10条评论

Rollup、Webpack 和 Parcel 都可以为 Node 的 url 和 path 实用程序提供内置的 polyfill。我不熟悉 Snowpack，但你能覆盖这些吗？您还可以安装同名的公共软件包（例如，url）吗？

另一种选择是从项目中删除任何类似节点的依赖项。在我们这样做之前，我首先会尝试为这个问题找到一个 Snowpack 解决方法。此外，上面提到的其他捆绑包都由 pixi 非官方支持。基于 Snowpack 的样板项目将有助于对此进行测试并找出支持该工具的最佳方式。

bigtimebuddy 于 2020-07-01

也支持这个工具

就是这样......我不想使用这样的工具。
Snowpack 不会以任何方式转换您的代码（它可以，但这不是重点）。这个想法是只使用开放的网络标准。

NemoStein 于 2020-07-01

仅仅因为它是一个网络标准并不意味着 Pixi 支持它。有很多现代浏览器功能我们还不支持，因为采用率很低，或者我们仍在尝试在各种浏览器中运行。这是直接运行 ES 模块的第一个请求。这不是一个坏主意，但目前不是一个重要的优先事项。

添加了 ES 构建以支持使用模块导入捆绑不运行在浏览器中的树抖动。

如果有人想承担这项任务，我们会考虑 PR。

bigtimebuddy 于 2020-07-01

真可惜你们没有 es 模块版本。

SagnikPradhan 于 2020-08-08

👍6

这将是一件很棒的事情

mmahandev 于 2020-08-23

好的，我都听到了。我们将处理基于浏览器的 ESM 包。

bigtimebuddy 于 2020-08-23

🎉7

暂时我创建了这个。我遇到的问题是在开发模式下编译库太慢了。因此解决方案。

SagnikPradhan 于 2020-08-23

@SagnikPradhan 404 链接断开🤔

DrSensor 于 2020-09-23

@DrSensor这里是来自 dev 分支的官方版本。我们还没有发布，但这些将在 v5.4.0 中。

例子

https://github.com/bigtimebuddy/pixi.js-browser-module-example

bigtimebuddy 于 2020-09-23

🎉6

@DrSensor抱歉，这是新链接。最终将简单的脚本变成了一个包。

SagnikPradhan 于 2020-09-24

👍1

此页面是否有帮助？

0 / 5 - 0 等级

Pixi.js: 将 PixiJS 导入为 ESM，无需打包器

最有用的评论

所有10条评论

例子

相关问题