मेरे पास 3mb मान वाली xxx.js स्क्रिप्ट फ़ाइल है। जैसा कि जिप्स्टर रीडमे में वर्णित है Ive को वेंडर में आयात किया गया है।

import '../assets/xxxPath/xxx';

फिर निम्नलिखित को CopyWebpackPlugin में जोड़ा:

webpack.common.js

इस तरह

{ from: './src/main/webapp/assets/xxxPath', to: 'assets/xxxPath/'}

यह ठीक काम करता है, लेकिन यह विशाल मुख्य बंडल जेएस (5 एमबी) बनाता है! और प्रदर्शन की समस्याएं।

क्या प्रक्रिया में कोई गलती है या इस मुद्दे को हल करने और एक छोटा बंडल बनाने के लिए कोई सुझाव है?

0
Hossein Jafari 27 सितंबर 2020, 12:24

1 उत्तर

सबसे बढ़िया उत्तर

मैंने समस्या हल की:

1- जेएस फाइलों को डायरेक्टरी में कॉपी करना जरूरी नहीं है। यह भारी बंडल मूल्य और वेब प्रदर्शन समस्याओं का कारण बनता है। (इसलिए मैंने वेबपैक कॉमोम से { from: './src/main/webapp/assets/xxxPath', to: 'assets/xxxPath/'} को हटा दिया)

2- वेंडर में आयात करने के बजाय। बस घटक टीएस में जेएस लिब आयात करें और वेबपैक इसके लिए एक हिस्सा बनाएगा और मॉड्यूल को कॉल करके आलसी लोड हो रहा है।

0
Hossein Jafari 30 सितंबर 2020, 10:36