Webpack - उत्पादन एक निश्चित प्रवेश बिंदु एक फ़ाइल-लोडर का उपयोग कर

Question

इम स्वचालित रूप से स्थिर HTML फ़ाइलों को बन्दर टेम्प्लेट के समूह रेंडर करने के लिए के लिए एक बंडल नहीं है, लेकिन webpack भी प्रवेश बिंदु के आधार पर एक व्यर्थ फ़ाइल outputting है

उदाहरण के लिए यह मेरा webpack.config.js में है:

entry: { 
    'js/build/bundle.js': './js/app.js', 
    'this-shouldnt-emit': './pug/.pug.js' //pug entry point 
}, 

output: { 
    path: path.join(__dirname, '../'), 
    filename: '[name]' 
}, 

... 
// pug loading module rule 
     { 
      test: /\.pug$/, 
      include: path.resolve(__dirname, "../pug"), 
      use: [ 
       "file-loader?name=[path][name].html&context=./pug", 
       "pug-html-loader?pretty&exports=false" 
      ] 
     } 

और इम जड़ निर्माण निर्देशिका में this-shouldnt-emit बंडल फ़ाइल है, जो मैं न चाहते हो।

मैं फ़ाइल लोडर को आउटपुट बंडल उत्सर्जित करने से कैसे रोक सकता हूं, लेकिन वर्तमान में यह सभी स्थिर HTML फ़ाइलों को उत्पन्न करने में हस्तक्षेप नहीं कर सकता है। क्या कोई प्लगइन या कुछ प्रकार का नल लोडर है जो मैं लोडर चेन के अंत में बंडल उत्सर्जित करने के लिए डाल सकता हूं?

Answer 1

मुझे यकीन नहीं है कि आप वास्तव में क्या पूछ रहे हैं लेकिन यदि आप चाहते हैं कि इसमें एक बंडल में एकाधिक फ़ाइलें शामिल हों, तो एक सरणी का उपयोग करें। [name] का उपयोग करने के पूरे बिंदु filename: '[name].bundle.js में कई प्रविष्टियों के लिए है। यह एक प्रविष्टि कुंजी के लिए आवश्यक नहीं है (लेकिन वैकल्पिक)।

यह दो बंडल फाइलें बनाएगा।

entry: { 
    BUNDLE_KEY_ONE: 'path/file.js', 
    BUNDLE_KEY_TWO: 'path/otherFile.js', 
} 

इस प्रकार आपके पास एक फ़ाइल एक बंडल है।

entry: { 
    SINGLE_BUNDLE_NAME: ['file/one.js', 'file/two.js'] 
}