Я привык к простым и небольшим проектам JS, где зависимости JS конкатенируются и минимизируются как часть процесса сборки, используя что-то вроде gulp, а тэг script в html содержит жесткий путь к этому мини-JS файл. Это не изящно и, вероятно, имеет несколько недостатков, но концептуально это простой подход.
Но с большими проектами, я понимаю, что хорошо смотреть на системы упаковки, такие как bower, browserify, requirejs, webpack и т.д. Какая польза от их использования в отличие от того, как я привык к этому? Каковы основные способы, помогающие процессу разработки?
Являются ли эти технологии я упомянул конкурентов друг другу или некоторые из них выполняют разные цели и могут использоваться вместе? В чем разница между ними?
Также я просмотрел webpack, и он описал в некоторых местах, как будто это замена для gulp. Я думал, что gulp - это система сборки и отличается от этих упаковочных инструментов?
EDIT: Как эти понятия относятся к AMD или CommonJS?
