कृपया निम्नलिखित आयात विवरण पर एक नज़र डालें:

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'

क्या आयात किए जा रहे पैकेज के नाम का उपनाम देना संभव है -- यानी, इस मामले में @fortawesome/react-fontawesome को। इस तरह मुझे हर बार पूरे प्रोजेक्ट का नाम नहीं लिखना पड़ेगा।

स्पष्टता के लिए, मैं एक अंतिम परिणाम की तलाश में हूं जहां मैं ऐसा कुछ कर सकता हूं:

import { FontAwesomeIcon } from 'fa'

या यह

import { FontAwesomeIcon } from '@custom/fa'

fa (या @custom/fa) के साथ एक ऐसा नाम है जिसे मैंने बनाया है जो वास्तविक @fortawesome/react-fontawesome लाइब्रेरी का संदर्भ देता है।

क्या यह संभव है? यदि हां, तो कैसे?

4
Moshe 4 सितंबर 2019, 13:25

2 जवाब

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

मुझे लगता है कि आप वेबपैक का उपयोग कर रहे हैं। यदि ऐसा है तो आप Webpack.resolve कार्यक्षमता का उपयोग कर सकते हैं। आपको बस अपना webpack.config.js संपादित करना होगा और निम्न की तरह सेटअप करना होगा:

// webpack.config.js
module.exports = {
    //...
    resolve: {
        alias: {
            fa: path.resolve(__dirname, '@fortawesome/react-fontawesome')
        }
    }
    //...
}

आपका आयात बन जाएगा

import { FontAwesomeIcon } from 'fa'
5
Riddell 4 सितंबर 2019, 13:34

आप एक फ़ाइल बना सकते हैं जो आपकी निर्भरताओं को किसी ऑब्जेक्ट में संग्रहीत करती है। मैं इस फाइल को डिपेंडेंसीज.जेएस कहूंगा।

export default const dependencies = {
  FA: '@fortawesome/react-fontawesome',
  ...
  ...
}

फिर आप इन्हें अपनी प्रत्येक जावास्क्रिप्ट फ़ाइल के शीर्ष पर आयात कर सकते हैं और आगे निर्भरता आयात करने के लिए इसका उपयोग कर सकते हैं।

import dependencies from './dependencies';
import { FontAwesomeIcon } from dependencies.FA
1
Jakub 4 सितंबर 2019, 13:35