Webpack

Webpack — сборка js-файлов. Аналоги: browserify.

Установка

  1. npm i webpack
  2. Создание файла webpack.config.js
  3. Заполнение конфига (документация)

npm i -g node-static — установка простого статического сервера

webpack-сборка состоит из функции и аргументов к ней, которыми являются собранные модули. Глобальных переменных в ней нет. Если из html-файла или другого скрипта, вне webpack, нужно использовать какой-либо модуль, нужно экспортировать модуль и добавить в webpack-конфиг, в объект output свойство library:название модуля.  Тогда результат сборки будет присвоен одноимённой переменной. К нужному модулю можно будет обратиться так: <library>.<exported_module>. Например:

main.js:

webpack.config.js:

index.html: