Pixi.js: वेबपैक के साथ संगतता

को निर्मित 28 मई 2015 · 16टिप्पणियाँ · स्रोत: pixijs/pixi.js

var PIXI = require('pixi.js');

पहले प्रयास ने मुझे वेबपैक त्रुटियों का एक गुच्छा दिया:

ERROR in ./~/pixi.js/src/filters/ascii/AsciiFilter.js
Module not found: Error: Cannot resolve module 'fs' in /Users/michaeldelaney/Workspace/web_dev/gulp-starter/node_modules/pixi.js/src/filters/ascii
 @ ./~/pixi.js/src/filters/ascii/AsciiFilter.js 3:9-22

ERROR in ./~/pixi.js/src/filters/blur/BlurXFilter.js
Module not found: Error: Cannot resolve module 'fs' in /Users/michaeldelaney/Workspace/web_dev/gulp-starter/node_modules/pixi.js/src/filters/blur
 @ ./~/pixi.js/src/filters/blur/BlurXFilter.js 3:9-22

ERROR in ./~/pixi.js/src/filters/blur/BlurYFilter.js
Module not found: Error: Cannot resolve module 'fs' in /Users/michaeldelaney/Workspace/web_dev/gulp-starter/node_modules/pixi.js/src/filters/blur
 @ ./~/pixi.js/src/filters/blur/BlurYFilter.js 3:9-22

etc...

इसलिए मैंने वेबपैक के कॉन्फ़िगरेशन में node: { fs: "empty" } सेट किया और इससे उपरोक्त त्रुटियों से छुटकारा मिला।

लेकिन फिर यह त्रुटि:

ERROR in ./~/pixi.js/package.json
Module parse failed: /Users/michaeldelaney/Workspace/web_dev/gulp-starter/node_modules/pixi.js/package.json Line 2: Unexpected token :
You may need an appropriate loader to handle this file type.
| {
|   "name": "pixi.js",
|   "version": "3.0.6",
|   "description": "Pixi.js is a fast lightweight 2D library that works across all devices.",
 @ ./~/pixi.js/src/core/const.js 14:13-42

इसलिए मैंने वेबपैक के कॉन्फिगरेशन में json-loader जोड़ा।

module: {
  loaders: [{
    test: /\.json$/,
    loader: 'json-loader'
  }]
}

सफलता। अच्छा होगा अगर यह बॉक्स से बाहर काम किया।

🤔 Question

स्रोत

fusepilot

सबसे उपयोगी टिप्पणी

वेबपैक में "प्री-पैक्ड" पुस्तकालयों को बिना पार्स के लोड करने का विकल्प है (जैसे पिक्सी.जेएस), बस वेबपैक कॉन्फिगरेशन में अपने मॉड्यूल सेक्शन में noParse जोड़ें, ऐसा कुछ:

module: { noParse: [ /.*(pixi\.js).*/ ], }

इस स्निपेट को आंतरिक आवश्यकता के साथ समस्या को हल करना चाहिए।

Nazariglez 12 नव॰ 2015

👍5 🎉3 😄2

सभी 16 टिप्पणियाँ

हम ब्राउज़र brfs परिवर्तन का उपयोग करते हैं:

https://github.com/GoodBoyDigital/pixi.js/blob/master/package.json#L57 -L61

मुझे यकीन नहीं है कि आप उस वेबपैक को कैसे संगत बना पाएंगे, क्या वेबपैक पर कोई लेख ब्राउज़र बदलने वाले ब्राउज़र हैं?

englercj 28 मई 2015

https://github.com/webpack/transform-loader

drkibitz 29 मई 2015

@drkibitz @englercj संकेत के लिए धन्यवाद, मैं Pixi + Webpack के साथ ट्रांसफॉर्म-लोडर + json-लोडर का उपयोग करने में सक्षम था।

@fusepilot यहाँ मैं उपयोग किए जा रहे विन्यास है ।

mking 6 जून 2015

जब मैं Babel का उपयोग कर रहा हूं तो मुझे @mking का काम नहीं मिल रहा है। मुझे पोस्टऑफ़लर्स के लिए brfs को स्थानांतरित करना पड़ा, लेकिन अब यह काम करता है: https://gist.github.com/oal/898df82fa64e54dd16d0

oal 4 जुल॰ 2015

यह बंद होने के बाद से उत्तर लगता है।

englercj 2 अग॰ 2015

मैं एक समस्या को हल करने में सक्षम नहीं था, जहां pixi.js/src/core/const.js को ../../package.json आवश्यकता होती है और Cannot find module "../../package.json" एक त्रुटि उत्पन्न करती है। मैंने @oal दोनों तरीकों से कोशिश की। यह तभी होता है जब मैं गर्म मॉड्यूल पुनः लोड कर रहा हूं, हालांकि उत्पादन पर यह ठीक काम करता है।

मैं import PIXI from 'pixi.js/bin/pixi.js' तरह Pixi.js के निर्मित संस्करण का उपयोग करके समाप्त हुआ। और अब मुझे एक चेतावनी दिखाई दे रही है, लेकिन हॉट रीलोड काम करता है:

[HMR] ./~/pixi.js/bin/pixi.js Critical dependencies: 34:477-484 This seems to be a pre-built javascript file. Though this is possible, it's not recommended. Try to require the original source to get better results. @ ./~/pixi.js/bin/pixi.js 34:477-484

RanzQ 31 अक्तू॰ 2015

मुझे लगता है कि इसके समर्थन के लिए आपको वेबपैक के लिए किसी तरह के प्लगइन की आवश्यकता हो सकती है। नोड / ब्राउज़र इसे मूल रूप से समर्थन करते हैं।

englercj 31 अक्तू॰ 2015

@englercj यह समर्थित है जब json-loader कॉन्फ़िगर किया गया है। मैं वेबपैक का विशेषज्ञ नहीं हूं, लेकिन यह वेबपैक-हॉट-मिडलवेयर की वजह से कुछ समस्या हो सकती है, क्योंकि बंडल काम करता है, त्रुटि केवल देव मोड पर दिखाई देती है।

RanzQ 31 अक्तू॰ 2015

हम्म, अजीब। क्षमा करें, मैं इससे परिचित नहीं हूँ: /

englercj 31 अक्तू॰ 2015

module: { noParse: [ /.*(pixi\.js).*/ ], }

इस स्निपेट को आंतरिक आवश्यकता के साथ समस्या को हल करना चाहिए।

Nazariglez 12 नव॰ 2015

👍5 🎉3 😄2

यह PIXI के साथ वेबपैक को कॉन्फ़िगर करने का सबसे प्रत्यक्ष और सरल उदाहरण है जो मुझे मिला।

https://gist.github.com/mjackson/ecd3914ebee934f4daf4

davydka 8 जन॰ 2016

यह जिप सबसे सरल वेबपैक + पिक्सी.जेएस कॉन्फिग है:

https://gist.github.com/mjackson/ecd3914ebee934f4daf4

(शानदार टिप्पणियों के साथ)

FlorianBELLAZOUZ 21 मार्च 2016

👍3

ऊपर जुड़ा हुआ gist पिक्सिज / पिक्सी से संबंधित बग से पीड़ित है। js @ 5a53e38 - __VERSION__ रूप में बताई गई है

webpack.config.js इस लोडर को शामिल करना चाहिए:

{
  include: path.resolve(__dirname, 'node_modules/pixi.js'),
  loader: 'transform/cacheable?browserify-versionify'
}

@ mjackson यहां उल्लेख कर रहे हैं क्योंकि mention

cltatman 8 मई 2016

❤1

बस इस समस्या में भाग गया। समाधान के लिए बहुत बहुत धन्यवाद!

czanella 18 जुल॰ 2016

यहाँ वेबपैक / टाइपस्क्रिप्ट और पिक्सीजेएस :-) के लिए एक कार्यशील विन्यास है। https://gist.github.com/Nek-/b9775f7a88eb896db8afc37a89db3771

Nek- 25 सित॰ 2017

👍1

इस थ्रेड को स्वचालित रूप से बंद कर दिया गया है क्योंकि इसे बंद करने के बाद हाल ही में कोई गतिविधि नहीं हुई है। कृपया संबंधित बग के लिए एक नया मुद्दा खोलें।

lock[bot] 24 फ़र॰ 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Pixi.js: वेबपैक के साथ संगतता

सबसे उपयोगी टिप्पणी

सभी 16 टिप्पणियाँ

संबंधित मुद्दों