Сборка с Webpack

Ничем не примечательна и не отличается от универсального варианта.

На это есть несколько причин:

1. Когда webpack осуществляет import чего-либо, перекомпиляция происходит при каждом изменении. Настройки сетки меняются намного реже, всего несколько раз по ходу проекта. 4-5 раз за проект написать node smartgrid.js несложно.
2. Верстальщики в большинстве своём используют gulp. Насколько webpack хорош для сложной frontend-разработки, настолько же он головоломен и избыточен для простых проектов.
3. Frontend-разработка по методике написания стилей существенно отличается от стандартных проектов вёрстка + простой js. Готовые UI фреймворки, модульный CSS, CSS in JS и др. Добавлять в этот набор ещё и smart-grid можно, но не факт, что нужно.

В общем данный раздел создан только по той причине, что вопрос про webpack является популярным. Не думайте про то, как включить smartgrid в webpack config. Используйте стандартный метод с отдельным файлом, который вы запускаете командой node.

Данная рекомендация может вызвать недоумение со стороны того, кто ни за что в жизни не готов притормаживать работу webpack-dev-server. Ведь пока webpack работает в development режиме - консоль занята :)

Только вот на практике второй терминал почти всегда открыт. Например, git bash. И в нём команда node, разумеется, тоже сработает :)