Хорошо, это 2016. Webpack выглядит победителем requirejs и browserify. Я читал об этих трех технологиях, чтобы решить очень специфическую проблему. Я хочу избежать этого в своем HTML файле (часть приложения AngularJS)
<script src="some-file.js"></script>
<script src="some-file2.js"></script>
<script src="some-file3.js"></script>
<!-- Dozens of similar lines here... -->
Конечно, порядок этих строк в моем файле HTML имеет значение. Bootstrap будет запрашивать jQuery и т.д.
Первое, что я нашел: requirejs. Вы просто указываете что-то вроде этого:
<script src="my-bundled-file.js"></script>
И тогда вы решаете проблему зависимости с JS. Идя дальше, я нашел здесь 2 подхода:
- CommonJS (браузер)
- AMD (require.js)
Webpack работает с обоими подходами, что звучит неплохо.
В конце 3 инструментария могут использоваться для одного и того же: объединить несколько файлов только в один. Но меня беспокоит порядок, в котором эти файлы связаны.
Я не хочу заботиться об этом и, похоже, использует эти решения (или даже gulp + gulp -concat, как это предлагается здесь), Я просто перемещаю проблему: теперь я указываю модули, которые мое приложение использует с JS-кодом, но мне все равно нужно поместить модули в правильном порядке, даже с помощью WebPack (пример здесь: звонки require
должны быть в правильном порядке)
Итак, мои вопросы:
- Я не понимаю эти инструменты? Я просто хочу решить проблему с загрузкой и выглядит так, как будто я этого не делаю
- Эти инструменты решают другую проблему (отсутствие встроенных модулей в ES5, которые приводят к загрязнению глобальной области)?