Минимальная сборка webpack и скринкаст с описанием как ей пользоваться

Репозиторий
https://github.com/podgorniy/webpack-start

2 симпатии

Большая плашка “Demo mode” - от некупленной программы в которой я записывал скринкаст. Видео перезалью если когда куплю программу.

Привет, видео добовляет живости на форуме :) ! +++

  • как насчет легкого экскурса по npn пакетам? ты наподобие делал когдато с саблей (Sublime Package Control).
    К примеру я у тебя подсмотрел - cross-env, у меня была такая проблемма на винде, еще с webpack 1, решaл через - set NODE_ENV=production.

Что ты имеешь в виду? Какие пакеты и для чего я использовал в сборке?

Он как раз и нужен чтобы использовать одну команду как под виндой так и под маком (под линуксом думаю тоже заработает).

да! с тем с чем ты уже работал и применяешь.

ага, ага - kentcdodds published 2 weeks ago

да еще хотел спросить о babel
ты его подключаешь в package.json
мог бы пожалуйста прокоментировать этот момент:

“babel”: {
“presets”: [
“es2015”
],
“plugins”: []
}

в том плане что его можно подключить в .babelrc
в react-router-bootstrap подключение babel происходит через… webpack.config.babel.js, ну и в самоме webpack.config.js в presets можно всунуть.
К примеру у меня много вопросов с этим бабелем было.

Я не хотел плодить сущности, добавляя еще .babelrc. Дежрать настройку бабеля в системе сборки может иметь смысл если все настройки держать только в системе сборки (например и тайпскрипт). Но тогда другие программы не будут иметь возможность узнать об этих настройках. Это сузит пространство возможности применения других анализаторов-компиляторов, которые знают что бабель настраивается через .babelrc и package.json.

Тут 100% правильного решения нет. При этом хранение настройки бабеля в конфигурации вебпака на мой взгляд самое неправильное из доступных.

вспомнил шутку по этим темам:

  • Как хакатон прошёл?
  • Вообще отлично! Настроили Webpack и Babel…