वेबपैक फ़ाइल लोडर

Question

का उपयोग कर एमपी 3 फ़ाइलों की सेवा करना मुझे वेबपैक फ़ाइल लोडर का उपयोग करके काम करने के लिए मेरी एमपी 3 फाइलें प्राप्त करने में समस्या है।

मैं अपने हार्डडिस्क पर एक एमपी 3 फ़ाइल है, कि अगर मैं उदाहरण के लिए "c: \ somefolder \ somemp3file.mp3" क्रोम का उपयोग कर खुला: ब्राउज़र में एक टैब में खुलता है अप और

यह समस्या है बस ठीक खेलता है।

हालांकि, जब मैं वेबपैक का उपयोग कर सटीक उसी फ़ाइल की सेवा करता हूं तो यह काम नहीं करता है। मैं इस तरह webpack में लोडर कॉन्फ़िगर किया है:

{ 
    test: /\.(gif|jpg|png|mp3|aac|ogg)$/, 
    loader: 'file' 
} 

तब, जब मैं, फ़ाइल मैं इसे अपने जावास्क्रिप्ट के अंदर की आवश्यकता के लिए लिंक करने के लिए इस तरह कोशिश कर रहा हूँ:

require('file!./../content/somemp3file.mp3'); 

इस सही ढंग से मुझे रिटर्न एमपी 3 फ़ाइल के लिए यूआरएल।

यदि मैं मैन्युअल रूप से localhost:8080 पर जाने की कोशिश करता हूं, इसके बाद यूआरएल आवश्यकता के अनुसार लौटाता है, तो क्रोम में एमपी 3 प्लेयर पॉप अप करता है जैसा कि मैं उम्मीद करता हूं, लेकिन फ़ाइल नहीं खेला जा सकता है, और प्ले बटन पर क्लिक करना संभव नहीं है जैसे फ़ाइल दूषित या कुछ है।

कोई भी जानता है कि मैं यहां क्या कर रहा हूं?

Answer 1

उपयोग फ़ाइल-लोडर इस तरह:

{ 
    test: /\.mp3$/, 
    include: SRC, 
    loader: 'file-loader' 
}