React和hmr，爲什麼Webpack會忽略更改？

Question

我試圖用熱模塊替換與Webpack構建我的React項目。但是，Webpack會忽略文件更改。我究竟做錯了什麼？ 我的配置：

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 

熱模塊更換工作正常，如果模塊文件是在「SRC」文件夾，否則什麼也不會發生變化上。

謝謝！

Answer 1

因爲您已在您的webpack配置中設置了include。

你可以像這樣改變你的配置： 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: [`all of your dirs you want to watch`] 
     }] 
    } 
    };