2015-06-30 5 views
6

से वेबपैक निर्मित संपत्तियों की सेवा करना मैंने देखा है कि सभी उदाहरणों में, एंट्रीपॉइंट एचटीएमएल फ़ाइल (उदा। Index.html) वेबपैक द्वारा उत्सर्जित सभी निर्मित संपत्तियों के साथ रहता है।एक उपनिर्देशिका

build/ 
    index.html 
    bundle.js 
    1.bundle.js 
    2.bundle.js 
    etc 

मैं करने के लिए मेरे entrypoint एचटीएमएल बनाया संपत्ति से अलग करना चाहते हैं:

index.html 
build/ 
    bundle.js 
    1.bundle.js 
    2.bundle.js 
    etc 

webpack के साथ यह संभव है?

+0

मैं जोड़ने चाहिए कि मेरे ऐप बाहरी छवियों और फोंट के साथ सीएसएस का उपयोग करता है। जब मैं मूल निर्देशिका में एक HTML फ़ाइल से बंडल लोड करता हूं, तो उन संपत्ति पथ टूट जाते हैं। – Pascal

उत्तर

8

आह, इसे समझ लिया। Webpack.config में, आपको output.publicPath सेट करना होगा। उस पथ का उपयोग सीएसएस में सभी संबंधित यूआरएल को उपसर्ग करने के लिए किया जाता है।

मेरे मामले में, मैं प्रयोग किया है:

output: { 
    path: path.resolve('./build'), 
    publicPath: './build/', 
    filename: '[name].bundle.js' 
}, 

http://webpack.github.io/docs/configuration.html#output-publicpath

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