Как связать библиотеку без зависимостей npm с помощью webpack?

Question

Сценарий заключается в том, что я разрабатываю компонент для использования на веб-сайте и хочу объединить файлы, которые я создал, в один index.js для удобства использования.

index.jsx файла включает в себя линию var header = require('./header.jsx'); и header.jsx включает в себя линию var React = require('react');, где React был добавлен как модуль НПМ.

Если я использую webpack --module-bind jsx --entry .\src\index.jsx --output-file .\dist\index.js в командной строке, это создает большой файл с включенным источником React.

Есть ли способ, которым я могу иметь только мои index.jsx и header.jsx преобразован и объединен?

Answer 1

Вы можете отметить React как an external, чтобы достичь этого. То есть.

externals: { 
    react: 'react', 
}