संपूर्ण जावास्क्रिप्ट पैकेज आयात करना बंद करें

लोदाश को फंक्शन मिला

const _ = require('lodash');

let employee1 = {
  name : "Jon",
  address : {
    street : "North Avenue",
    area : "DAC",
    zip : "87344",
    contact : [ 12444554, 9384847 ]
  },
  designation : "Manager"
};

let employee2 = {
  name : "Jake",
  designation : "Senior Manager"
};

function getHomeContact(employee) {
  return employee.address.contact;
}

getHomeContact(employee1); // [12444554, 9384847]
getHomeContact(employee2); // Uncaught TypeError: Cannot read property 'contact' of undefined

function getHomeContactWithLodash(employee) {
  return  _.get(employee, "address.contact", []);
}

getHomeContactWithLodash(employee1); // [12444554, 9384847]
getHomeContactWithLodash(employee2); // []

पुस्तकालय आयात करने से पहले परियोजना का आकार

विभिन्न पुस्तकालय आयात विधियों का उपयोग करने के बाद परियोजना का आकार

▍1। पारंपरिक आयात

import _ from ‘lodash’;

const _ = require('lodash');

▍2। ES6 आयात

import { get } from 'lodash';

const { get } = require('lodash');

▍3। Lodash से import.js फ़ाइल आयात करें

import get from 'lodash/get';

const get = require('lodash/get');

क्या सभी पैकेज एक चयनात्मक आयात दृष्टिकोण का समर्थन करते हैं?

अन्य पुस्तकालयों के साथ काम करते समय समान कैसे करें?

Atd पैकेज का उपयोग करके आयात अनुकूलन उदाहरण

import { Menu} from 'antd';

import Menu from 'antd/es/menu';
import 'antd/es/menu/style/css';

सामग्री-यूआई पैकेज का उपयोग करके आयात अनुकूलन उदाहरण

import { Button } from '@material-ui/core';

import Button from '@material-ui/core/Button';

पल पैकेज का उपयोग करके आयात अनुकूलन उदाहरण

सारांश