Разница между папкой lib и es

Question

Я просто хочу очистить свои концепции? Я использую пакет npm с именем Reactionstrap , который установлен в папке node_modules. Пакет содержит 4 папки.

• dist
• es
• lib
• src

Я знаю src папка содержит исходный код библиотеки, но в чем разница между этими тремя папками.

Что, если я напишу что-то подобное для импорта компонента.

import {Button} from 'reactstrap';

Приведенная выше строкаиспользует синтаксис ES6 module для импорта компонента.

Приходит ли этот компонент Button из папки es или lib?

Каким будет синтаксис, если я захочуимпортировать компонент Button с использованием шаблона commonJS module?

Answer 1

Когда используется import/require пакет без указания пути к файлу, npm будет использовать main файл, указанный в package.json (actstrap package.json ). то же самое для es и commonJS style.

'es', 'dist', 'lib', ... это просто папки, которые были построены с использованием разных опций, поэтому это просто необязательно для каждого проекта с конкретным сценарием использования. ,Вы можете увидеть опцию сборки для каждого типа здесь .

Как видите, папка dist была создана rollup , что позволило запускать этот пакет в браузере, модуле esи общий модуль. И папка lib была создана babel