2017-12-07 38 views
8

अलग करने के लिए मेरे पास एक वेबपृष्ठ है जो कोड विभाजन का उपयोग करता है। अब मैं सभी सामान्य मॉड्यूल को एकत्र करना चाहता हूं जो सभी मानदंडों में और सभी बच्चे भाग (कोड विभाजन के माध्यम से जेनरेट) में एक अलग कॉमन्स खंड में विशिष्ट मानदंडों (इस मामले में node_modules) से मेल खाते हैं।वेबपैक: प्रविष्टि और बच्चे के टुकड़ों से अलग मॉड्यूल निकालें कॉमन्स खंड

अगर मैं ऐसा करते हैं:

new webpack.optimize.CommonsChunkPlugin({ 
    children: true, 
    async: 'vendor', 
    minChunks: (module) => { 
     const isVendor = module.context.split('/').some(dir => dir === 'vendor'); 
     return isVendor; 
    }, 
}), 

Webpack सभी मॉड्यूल है कि एक अलग कॉमन्स हिस्सा में minChunks समारोह से मेल कुल करेंगे, लेकिन केवल बच्चे से मॉड्यूल के लिए मात्रा-कहीं भी होगी में प्रवेश हिस्सा से नहीं कुल मॉड्यूल कॉमन्स खंड। नतीजतन, मेरे पास डुप्लिकेट मॉड्यूल हैं जो मेरे एंट्री चंक और कॉमन्स दोनों में दिखाई देते हैं।

यह कैसे संभव है?


उदाहरण: https://github.com/OliverJAsh/webpack-commons-vendor/blob/f524bfdb0e047161c453a6b84f89ab6d25d6c648/webpack.config.js

enter image description here

उत्तर

5

आप एक webpack DLL कि आपके सभी आमतौर पर इस्तेमाल किया libs शामिल बनाना होगा।

https://webpack.js.org/plugins/dll-plugin/

इसे सेट करने के बारे में एक उदाहरण प्रतिक्रिया-बॉयलरप्लेट में पाया जा सकता।

https://github.com/react-boilerplate/react-boilerplate/blob/master/internals/webpack/webpack.dll.babel.js

और यहाँ उदाहरण के लिए config है।

https://github.com/react-boilerplate/react-boilerplate/blob/master/internals/config.js

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