Разделять и упорядочивать файлы 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 et al. Загружает только минимальный минимум.

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