React и hmr, почему Webpack не пересобирает проект?

Question

[Дмитрий Кравченко]

Всем привет!

Хочу начать использовать webpack для сборки React-проекта. Для начала мой конфиг:

var path = require('path');
var webpack = require('webpack');

module.exports = {
  entry: [
    'webpack-dev-server/client?http://localhost:4567',
    'webpack/hot/only-dev-server',
    './src/index'
  ],
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: '/static/'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ],
  module: {
    loaders: [{
      test: /\.js$/,
      loaders: ['react-hot', 'babel'],
      include: [path.join(__dirname, 'src')]
    }]
  }
};

и файловая система

src
--app
----actions
----components
----constants
----reducers
----app.js
----config.js
--index.js

Столкнулся с проблемой: hot module replacement работает только в случае, когда реакт модули лежат непосредственно в ./src, иначе webpack на изменения файлов (в папке app/components, допустим) не реагирует совсем никак. В чем моя проблема?

Заранее спасибо!

Comments

[Дмитрий Кравченко]

запуск дев-сервера

var webpack = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var config = require('./webpack.config');

new WebpackDevServer(webpack(config), {
  publicPath: config.output.publicPath,
  hot: true,
  historyApiFallback: true
}).listen(4567, 'localhost', function (err, result) {
  if (err) {
    return console.log(err);
  }

  console.log('Listening at http://localhost:4567/');
});

Answer 1

[Максим]

Конфиг несколько староват. Откопал свой конфиг с подобной версией, особых отличий не вижу. Разве что в module include указана директория сразу, а не элемент массива.

{ test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        loaders: ['react-hot','babel?stage=0&optional=runtime&plugins=typecheck'],
        include: path.join(__dirname, 'src/js')
      },

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

Comments

[Дмитрий Кравченко]

Спасибо за ответ. Массив или нет, это неважно, одинаково отрабатывает в обоих случаях. Вчера заработал hmr из вложенной директории app, но в app/components и глубже уже не подхватывает. В чем тут может быть дело?

[Максим]

Дмитрий Кравченко: странно. Ничего не изменяли и заработало? Прав что ли не хватает?)

[Дмитрий Кравченко]

maxfarseer: проставил расширение .js при импорте