Максим

Баг в мозиле?

p.s. там hot reload настроен не для всех файлов, вроде бы только для react-компонентов, и для reducers

В этом курсе, вы найдете ответы на ваши вопросы - learn.javascript.ru/screencast/webpack
Как вам уже сказал, Дмитрий, чтобы require работал - нужно использовать сборщик, который умеет превращать require в нативную функцию подргузки модуля где-то из недр своего файла.

В вашем случае, require не может работать, так как такой функции нет в window объекте (как известно, глобальный объект для клиентского js - window)

И вообще нормальна ли такая практика относительно react-а?

Нигде в популярных (и не очень) репозиториях я такого не встречал. А главное, как указал fetis26 - пользы от такого разделения никакого нет. Если найдете (пользу) или какой-то репозиторий, где так сделано - добавьте, хотя бы попробуем понять автора.

Другое дело, что иногда в render функции компонента, удобно определить какой-то кусочек JSX в переменную. Например:

let articlesHeaders
if (this.props.articles.length > 0) {
  articlesHeaders = this.props.articles.map(item => <h4 key={item.id}>item.title</h4>
} else {
  articlesHeaders = <button onClick={this.onTryAgainClick}> Try Again </button>
...
return (
  <div> bla bla .... </div>
  {articlesHeaders}
  <div> bla bla ... </div>
)

Обычно используется, когда есть какое то условие в if / else, где относительно нашего примера в articlesHeaders могла бы быть разная разметка (шаблон).

1. Да, вам нужен файл package.json, сгенерировать его можно с помощью npm init (по ходу отвечая на вопросы)
2. Во втором видео на 52й секунде Илья устанавливает webpack "глобально":
npm i -g webpack
Поэтому у него хоть и нет в проекте папки node_modules - все корректно работает.

Дополнительно:
Если вы устанавливаете модули локально, создается папка node_modules, куда они собственно говоря и устанавливаются.

P.S. советую посмотреть его скринкаст по node.js, чтобы стало понятно, как node.js ищет пакет, в упрощенном случае: сначала локально, потом глобально (почему упрощенно? потому что, так же еще ищет сначала у вас по относительному пути с расширением .js, потом .json, потом локально тоже самое в node_modules, потом глобально... Может быть что-то еще упустил, в скринкасте по node.js это точно было)

Попробуйте посмотреть этот вопрос. (к сожалению, на англ.)
p.s. в комментариях решили проблему, поэтому читайте последний.

У вас скорее всего указан неверный путь до файла. Подробнее здесь (весь раздел прочитайте, он короткий).

Вы все делаете правильно. Просто вы используете webpack в режиме dev-server (сервера разработчика), когда выполняете команду npm start, поэтому файла физически "как будто бы нет"

Чтобы получить файл физически, нужно выполнить webpack, но с таким конфигом, возможно этого не произойдет.

Кстати, чтобы понять, что делает npm start - загляните в package.json, там есть пункт: scripts
Оттуда видно, что выполняется node server.js, то есть в этом случае npm start === node server.js (можете проверить, запустив из консоли node server.js)

А уже server.js создает сервер и использует возможности webpack-dev-server
Подробнее описано здесь