का उपयोग कर प्रदर्शन समस्याएं मैं system.js (अपने ट्यूटोरियल्स के लिए इसका उपयोग करके कोणीय 2 से प्रेरित) के साथ खेल रहा हूं, लेकिन मुझे सबसे छोटे नमूने के लिए भी हास्यास्पद रूप से खराब प्रदर्शन मिलता है।System.js
उदाहरण के लिए निम्नलिखित कोड एक (!) 26000ms की देरी दूसरे के बीच (System.import
से पहले एक) और पिछले (में
app.js
) console.log जबकि चल रहा है स्थानीय स्तर पर (ताकि कोई नेटवर्क देरी)
सूचकांक है
। एचटीएमएल:
<!DOCTYPE html>
<html lang="en">
<head>
<title>System.js Sample</title>
<script>console.log("1: " + new Date().getTime());</script>
<script src="bower_components/system.js/dist/system.js"></script>
</head>
<body>
<script>
console.log('2: ' + new Date().getTime());
System.import('app.js');
</script>
</body>
</html>
App.js:
console.log('3: ' + new Date().getTime());
मैं बोवर के माध्यम से नवीनतम system.js संस्करण स्थापित ("system.js": "~ 0.18.17") और निकाले गए सभी शेष कोड यह वास्तव में सिर्फ सिस्टम है। आयात कॉल जो उम्र लेता है। तो मैं क्या गलत हूं? नेटवर्क टैब जब क्रोम के तहत पृष्ठ को लोड करने की
मुझे याद है कि System.js में किसी प्रकार की बग है जो सिस्टम स्टाइल मॉड्यूल का उपयोग करते हुए इसे बहुत कमजोर बना देती है, लेकिन अगर एएमडी का उपयोग कर ठीक है तो ठीक है। यदि आप सिस्टम स्टाइल मॉड्यूल का उपयोग कर रहे हैं, तो एएमडी पर स्विच करने का प्रयास करें और देखें कि यह बेहतर प्रदर्शन करता है या नहीं। – Ixonal
@ इक्सोनल इस बात पर विचार करते हुए कि मैं "सभी स्क्रिप्ट को एक में जोड़ता हूं, कम करता हूं और फिर एक स्क्रिप्ट टैग के रूप में शामिल करता हूं" की सच्ची और परीक्षण विधि से स्विच कर रहा हूं, मुझे थोड़ा और जानकारी चाहिए :) चूंकि कोणीय ट्यूटोरियल सिस्टम का उपयोग करता है। जेएस मैं इसके साथ रहना चाहूंगा (या क्या इसका मतलब सिर्फ एक अलग वाक्यविन्यास है लेकिन एक ही लाइब्रेरी है? हाँ मैं थोड़ा उलझन में हूं)। – Voo
मुझे लगता है कि आप टाइपस्क्रिप्ट का उपयोग कर रहे हैं? आप अपने tsconfig.json फ़ाइल में मॉड्यूल के लिए कौन सी प्रणाली का उपयोग करते हैं यह सेट कर सकते हैं। बस मॉड्यूल को "amd" पर सेट करें। सिस्टम कॉमनजेएस, एएमडी, ईएस 6, और सिस्टम स्टाइल आयात को पहचान सकता है, इसलिए इससे कोई फर्क नहीं पड़ता कि क्या आपने एएमडी को ट्रांसफाइल किया है। – Ixonal