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

Node использует module.exports/require и экспорт/импорт ES6.

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

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

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

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


webpack javascript parceljs
person Grégory Huyghe    schedule 06.02.2019    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

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

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

person Not a machine    schedule 06.03.2019