Как я могу «требовать» модули CommonJS в браузере?

В прошлом я активно использовал RequireJS (реализация на BBC iPlayer в 2010 году), и это работает хорошо. Он может работать с модулями CommonJS, но ему нужна дополнительная оболочка, что меня раздражает.

Если вы хотите использовать эти модули и в Node.js, вам также нужно использовать RequireJS на стороне сервера, что мне не нравится делать, поскольку это не идиоматический код JavaScript Node.js.

Я использовал webmake и Browserify в прошлом году в нескольких проектах. Поначалу этап компиляции меня отталкивал, но, активно используя его в этом году, могу сказать, что это не проблема.

В Browserify включена функция часов, которая работает очень хорошо. Webmake можно подключить к наблюдателю (например, watchr) или использовать webmake-middleware, который можно использовать как часть приложения Express.js или подключения. Это имеет то преимущество, что вместо компиляции JavaScript при каждом сохранении он компилируется только тогда, когда вы действительно запрашиваете его.

Connect упрощает создание сервера (также статического), поэтому вы можете создать крошечный статический узел .js для обслуживания ваших файлов, если вы хотите разработать свой интерфейс без бэкэнда.

Бонус: нет необходимости в скрипте сборки, так как вы всегда имеете дело со встроенным кодом.

Вот полный список ваших текущих вариантов, упорядоченных по их популярности (количеству наблюдателей) на GitHub:

Варианты использования require() в браузере (архив Wayback Machine )

Используйте Browserify.

Его описание: Требование() на стороне браузера для ваших узловых модулей и пакетов npm, которое звучит так, как вам нужно.

компилятор CommonJS.

Почему? Он отлично работает с модулями Node.js (CommonJS) /treat module точно так же, как и Node.js, а с UMD вносит минимум дополнительного кода в скомпилированный JavaScript, позволяет экспортировать глобальные переменные сторонних библиотек, не затрагивая их код, исходные карты и трюк, который другие не могут сделать:

var str = require( "lorem-ipsum.txt" );
console.log( str );

Выход:

 Lorem ipsum dolor
 sit amet, consectetur
 adipiscing elit. Morbi...

Вот слайды: https://speakerdeck.com/dsheiko/modular-javascript-with-commonjs-compiler

Webmake — один из вариантов. Я использую его для упаковки приложения, состоящего из более чем 200 модулей из более чем 20 пакетов. Оно работает.

Если вы хотите увидеть пример, проверьте: Менеджер плейлистов SoundCloud. Это строго на стороне клиента и создано с помощью Webmake.

Не могу сказать, что пробовал другие перечисленные вами здесь, но мне нравится RequireJS, потому что:

• Он работает аналогично CommonJS.
• Его легко использовать
• Он реализует некоторые из будущих новых стандартов
• Вы можете использовать его в Node.js, чтобы использовать одни и те же файлы на сервере и клиенте.
• Он включает в себя минификатор/упаковщик для развертывания в рабочей среде.
• У него есть плагины. Плагин Text, позволяющий загружать HTML-файлы, очень полезен для больших приложений.