2017-03-18 13 views
6

मेरे पास एक बड़ा वेबपैक बिल्ड है जो लगभग "अतिरिक्त संपत्ति प्रसंस्करण" चरण पर 91% पर लटका हुआ है जो मुझे बहुत अधिक जानकारी नहीं देता है। बस यह चरण 4 मिनट तक खपत करता है और लगता है कि हम निर्माण में मॉड्यूल जोड़ते हैं। क्या इस चरण के दौरान क्या किया जाता है और अंततः इसे अनुकूलित करने के लिए बेहतर तरीके से समझने का कोई तरीका है?वेबपैक 2 उत्पादन वास्तव में धीमा "अतिरिक्त संपत्ति प्रसंस्करण"

56205ms building modules 
31ms sealing 
0ms optimizing 
0ms basic module optimization 
15ms module optimization 
0ms advanced module optimization 
0ms basic chunk optimization 
0ms chunk optimization 
16ms advanced chunk optimization 
14487ms building modules 
0ms module and chunk tree optimization 
31ms module reviving 
0ms module order optimization 
16ms module id optimization 
0ms chunk reviving 
16ms chunk order optimization 
31ms chunk id optimization 
140ms hashing 
0ms module assets processing 
265ms chunk assets processing 
0ms additional chunk assets processing 
0ms recording 
206740ms additional asset processing 
79781ms chunk asset optimization 
1ms asset optimization 
906ms emitting 
+0

कोशिश अधिक जानकारी दिखाने के stats' विकल्प। – wuxiandiejia

+0

@wuxiandiejia मेरे पास आंकड़े हैं लेकिन मुझे वास्तव में क्या देखना चाहिए? – doberkofler

+0

शायद इसे 'verbose' पर सेट करने में आपकी सहायता कर सकते हैं, वेबपैक सभी जानकारी आउटपुट करेगा। – wuxiandiejia

उत्तर

1

सुनिश्चित नहीं हैं कि अपने सेटअप है, लेकिन मेरे मामले में यह Webpack था और कहा कि लंबे समय से संपत्ति लोड समय पैदा कर रहा था पाठ प्लगइन निकालें। मैं वेबपैक 2.7.0 में बदल गया और एक्स्ट्रा-टेक्स्ट-वेबपैक-प्लगइन 2.1.2 और लोडिंग सामान्य पर वापस आ गया।

+0

अब मैं संस्करण 3 पर हूं और इसमें सुधार हुए हैं लेकिन यह अभी भी काफी धीमा है। मुझे वास्तव में बाद में पता चला कि धीमा हिस्सा वास्तव में खनन है और अब इसे पूरी तरह से हटा दिया गया है और तैनाती के दौरान ही छोटा कर दिया गया है। – doberkofler

0

मेरे मामले में यह वेबपैक बेबीली प्लगइन (अब बेबेल-मिनीफाइ-वेबपैक-प्लगइन) था। मैंने इसे uglifyjs-webpack-plugin के साथ बदल दिया है।

मेरे config: `कॉन्फ़िगर करने के लिए

new UglifyJSPlugin({ 
    parallel: true, 
    exclude: /\/node_modules/, 
    uglifyOptions: { 
    ecma: 8, 
    mangle: true, 
    compress: { 
     sequences: true, 
     dead_code: true, 
     conditionals: true, 
     booleans: true, 
     unused: true, 
     if_return: true, 
     join_vars: true, 
     drop_console: true 
    }, 
    output: { 
     comments: false, 
     beautify: false 
    } 
    } 
}) 
संबंधित मुद्दे