Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile.

jarvis – информационная панель для webpack

Последнее время достаточно часто в трендах гитхаба можно встретить jarvis‘а – информационную панель для webpack. Симпатичный дизайн и заявленные возможности по сбору информации о собираемом проекте притягивают братьев фронтендеров лучше любой приманки 🙂 Ну и я, конечно, решил потестировать и в итоге совершенно не понял зачем это нужно. Да, конечно, все выглядит очень модно, но кроме

Webpack-server проксируем запросы

Когда разрабатываешь локально, а при этом за данными нужно стучаться к удаленному серверу, то может возникнуть проблема – настройки сервера могут блокировать запросы с другого ориджена. Разумеется проблема в том, что сам браузер блокирует эти запросы и раз такое дело, то ему в принципе можно сказать перестать это делать. Например, это можно сделать запустив браузер вот с

Подключение стилей через webpack

Подключать стили через webpack не очень сложно, есть два основных варианта: Собирать все стили в один внешний файл css Хранить стили в файлах js и встраивать их уже во время парсинга Преимущество хранения в одном файле в том, что все стили подгружаются отдельно и отсутствует этап манипуляции DOM’ом. Это, хорошо, потому что сокращается время парсинга.

Обновил react-webpack-starter

Одна из особенностей разработки под веб (а особенно под фронт, чего уж говорить) – это постоянная необходимость обновлять используемые пакеты. А все потому что разработчикам не сидится и они все улучшают и улучшают) Итак, делаем апгрейд моего репозитория react-webpack-starter. В этот раз поменялось много чего: Упростил npm команды, теперь сборка продакшена будет зависеть от передаваемой

Webpack – коротенечко почему он так удобен

Отличная статья о том почему webpack так удобен. Только основные моменты, никакой воды – 7 пунктов – прочитал за чашкой кофе и пошел просветленный дальше. https://github.com/petehunt/webpack-howto

Обновил стартовый репозиторий на react, redux и webpack

Давно пора было, но все руки не доходили (отговорка столетия ;)) Ну и раз пошла такая пьянка, то решил не только обновить минорные версии, и сразу перейти на все последние апдейты. А это включает в себя переход на webpack 2, что не сделать с пол пинка. Однако, все в итоге получилось хорошо. Итак, что сделано:

Задаем node environment через webpack

Node environment требуется задавать, для того чтобы react собирался максимально оптимально, без лишних отчетов в консоль и без лишних проверок. Многие npm пакеты используют такой же подход, поэтому имеет смысл знать и помнить об этом подходе. Есть несколько способов задать среду, в конце концов это всего лишь переменная. Один из вариантов, это задавать ее через