Pixi.js: 번들러 없이 PixiJS를 ESM으로 가져오기

Rollup, Webpack 및 Parcel은 모두 Node의 URL 및 경로 유틸리티에 대한 내장 폴리필을 제공할 수 있습니다. 나는 Snowpack에 익숙하지 않지만 이것을 무시할 수 있습니까? 함께 설치할 수 있는 동일한 이름의 공개 패키지(예: url)도 있습니다.

다른 옵션은 프로젝트에서 노드와 같은 종속성을 제거하는 것입니다. 우리가 그 일을 하기 전에 먼저 이 문제에 대한 Snowpack 해결 방법을 찾으려고 노력할 것입니다. 또한 위에서 언급한 다른 번들은 모두 pixi에서 비공식적으로 지원합니다. Snowpack 기반 상용구 프로젝트는 이를 테스트하고 이 도구를 지원하는 가장 좋은 방법을 찾는 데 도움이 될 것입니다.

이 도구도 지원하기 위해

그게 다야... 그런 도구는 사용하지 않았으면 합니다.
Snowpack은 어쨌든 코드를 변환하지 않습니다(가능하지만 요점은 아닙니다). 아이디어는 개방형 웹 표준만 사용하는 것입니다.

웹 표준이라고 해서 Pixi가 지원하는 것은 아닙니다. 채택률이 낮거나 여전히 광범위한 브라우저에서 실행하려고 하기 때문에 아직 지원하지 않는 최신 브라우저 기능이 많이 있습니다. ES 모듈을 직접 실행하기 위한 첫 번째 요청입니다. 나쁜 생각은 아니지만 현재로서는 큰 우선 순위가 아닙니다.

모듈 가져오기를 사용하여 브라우저에서 실행되지 않도록 번들로 트리 쉐이킹을 지원하기 위해 ES 빌드가 추가되었습니다.

누군가가 이 작업을 수행하기를 원하면 PR을 고려할 것입니다.

너희들에게는 es 모듈 버전이 없다는 것이 참 안타까운 일이다.

이것은 있으면 좋을 것입니다.

알겠습니다. 다 들었습니다. 우리는 브라우저 기반 ESM 번들에서 작업할 것입니다.

당분간은 이것을 만들었 습니다 . 내가 가진 문제는 dev 모드에서 라이브러리를 변환하면 너무 느려진다는 것입니다. 따라서 솔루션.

@SagnikPradhan 404 깨진 링크 🤔

@DrSensor 는 여기 dev 브랜치의 공식 빌드입니다. 아직 릴리스가 없지만 v5.4.0에 포함될 것입니다.

• https://pixijs.download/dev/pixi.mjs
• https://pixijs.download/dev/pixi.min.mjs
• https://pixijs.download/dev/pixi-legacy.mjs
• https://pixijs.download/dev/pixi-legacy.min.mjs

예시

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

@DrSensor 죄송합니다. 여기 에 새 링크가 있습니다. 간단한 스크립트를 패키지로 바꾸었습니다.