Починаємо роботу з browserify

Browserify змінив моє життя.

Але тут з'явився Browserify. І це змінило все.

Browserify дозволяє використовувати require в браузері також, як це робиться в Node. Це не просто синтаксичний цукор для завантаження скриптів на клієнті. Це інструмент, який переносить всі ресурси екосистеми NPM з сервера на клієнт.

Проста, але неймовірно потужна штука.

У цій статті ми розглянемо такі питання:

• Що таке Browserify і як він працює
• Browserify або Webpack
• Створення першого проекту
• Трансформація з Browserify
• Правильна настройка конфігурації Browserify
• Інтеграція з Gulp

Перед тим, як почати, переконайтеся, що у вас встановлені Node і NPM. Для роботи над статтею я використав Node 5.7.0 і NPM v3.6.0, але проблем з-за використання інших версій бути не повинно. Для початку роботи можете викачати репозиторій або написати код самостійно.

Чому Browserify?

Кожен, хто працював з Node, знайомий з функцією require з проекту CommonJS.

Підключення модуля за допомогою require відкриває публічний API модуля файлу, в якому викликається require.

Імплементація require в Node робить модулярізаціі серверного коду елементарним завданням. Встановіть, підключіть, використовуйте. Тупо просто.

Завантаження модулів на клієнті це щось зовсім інше. У найпростішому випадку, ви завантажуєте модулі за допомогою серії тегів