Moment: ESM- जागरूक बंडलर के लिए समर्थन जोड़ें

./src/moment.js की सामग्री को देखने के बाद मैं अपने शब्दों को वापस ले रहा हूं। ईएसएम के दृष्टिकोण से सामग्री का कोई मतलब नहीं है। Moment , isMoment , आदि जैसे उपयोगी प्रतीकों को आयात और पुन: निर्यात करने के बजाय, यह एक वस्तु का निर्माण कर रहा है और इसे निर्यात करता है। मेरा मानना ​​है कि यह यूएमडी बंडल के लिए एक प्रवेश बिंदु है, है ना?

आधुनिक उपकरणों के काम करने के लिए हमें एक उचित ईएसएम बंडल की आवश्यकता है, जो सभी उपयोगी प्रतीकों को अलग-अलग निर्यात करेगा।

मैं उन प्रतीकों को आयात करने में कामयाब रहा हूं जिनकी मुझे आवश्यकता है (पल के पूरे बंडल को लोड किए बिना) इस तरह:

// @ts-ignore
import { isMoment, Moment } from 'moment/src/lib/moment/constructor';

लेकिन मुझे टाइपिंग त्रुटियों को @ts-ignore से दबाना पड़ा, जो आयात की अनुमति देता है, लेकिन आयातित प्रतीकों के लिए सभी टाइपिंग को तोड़ देता है। इसके अलावा, पथ बदसूरत है और अंतिम उपयोगकर्ताओं द्वारा उपयोग नहीं किया जाना चाहिए (क्योंकि यह इनकैप्सुलेशन को तोड़ता है)।

मैंने अभी एक प्रयोग किया है। मैंने निम्नलिखित सामग्री के साथ पैकेज के मूल में moment.esm.js नामक एक फ़ाइल बनाई है:

export { isMoment, Moment } from './src/lib/moment/constructor';

और पैकेज मेनिफेस्ट से इसे इंगित करने के लिए module फ़ील्ड जोड़ा।

फिर मैंने इसे अपने आवेदन में आयात किया:

import { isMoment, Moment } from 'moment';

यह अपेक्षित रूप से काम कर रहे टाइपिंग घोषणाओं के साथ सही ढंग से आयात किया गया और वेबपैक और रोलअप बिल्ड के दौरान भी सही तरीके से काम किया। सभी स्थानों के साथ पूरे बंडल को लोड किए बिना केवल निर्दिष्ट प्रतीकों को आयात किया गया था।

मेरा मानना ​​​​है कि यह जाने का एक तरीका है और इसे घोषणाओं में वर्णित अन्य प्रतीकों को निर्यात करने के लिए बढ़ाया जा सकता है।

मैं इसका समर्थन करता हूं।

देखें https://momentjs.com/docs/#/ -project-status/