Разделять и упорядочивать JS-файлы с помощью Webpack, Parceljs или другого инструмента?

Question

Узел использует module.exports / require и ES6 export / import.

Я попытался использовать Webpack, но мне не удалось заставить мои разные файлы JS работать вместе. Легко установить в bundle.js минимизированный код, но мне не удалось получить в качестве входных данных несколько файлов JS и связать их вместе.

Может кто-нибудь объяснить (я не нашел четкой информации об этом), как использовать Webpack или Parceljs или другой инструмент, чтобы разделить проект на несколько файлов JS, связать их вместе, чтобы они могли использовать функции из других, и скомпилировать их вместе на конец?

Я уже пытался использовать Webpack, но мои файлы не были связаны друг с другом.

Ожидаемый: понять, как настроить профессиональный проект, разделив файлы JS по классам / объектам.

Answer 1

Мне не известны какие-либо инструменты, которые будут автоматически разбивать ваш монолитный код на модули. Вам нужно будет использовать какой-то метод создания модулей (модули CommonJS, RequireJS, ES2015 и т. Д.), А затем использовать Parcel/Browserify/Webpack оттуда.

Помимо наилучшей практики, не загрязняющей пространство имен, модули с помощью динамической загрузки могут повысить производительность. Parcel и др. При загрузке загрузят только минимум.

В этой статье представлен хороший обзор некоторых параметров комплектации, а в первой части статьи рассматриваются параметры модуля. Это немного устарело, но есть немало онлайн о модулях ES2015 и транспиляции.