Webpack-Dev-Server, der keine Dateien überwacht oder aktualisiert

Question

So aktualisiert das Webpack keine Änderungen, die ich an build.js mit Änderungen vorgenommen habe. Ziemlich frustrierendes Thema. Nicht sicher, was der Deal ist. Könnte wirklich Hilfe gebrauchen! Vielen Dank! Code ist unten.

webpack.config.js

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

var DEV = path.resolve(__dirname, "dev"); 
var OUTPUT = path.resolve(__dirname, "output"); 

var config = { 
    watch: true, 
    devtool: 'inline-source-map', 
    entry: [ 
    'webpack-dev-server/client?http://localhost:8080/', 
    'webpack/hot/only-dev-server', 
    DEV + "/App.jsx" 
    ], 
    output: { 
    path: OUTPUT, 
    filename: "build.js" 
    }, 
    module: { 
    loaders: [{ 
     include: DEV, 
     loaders: ["react-hot", "babel"], 
    }] 
    }, 
    plugins: [ 
    new webpack.HotModuleReplacementPlugin(), 
    new webpack.NoErrorsPlugin() 
    ] 
}; 

module.exports = config; 

package.json

{ 
    "name": "app", 
    "version": "1.0.0", 
    "description": "", 
    "main": "index.js", 
    "scripts": { 
    "start": "webpack-dev-server" 
    }, 
    "author": "", 
    "license": "ISC", 
    "dependencies": { 
    "babel-core": "^6.10.4", 
    "babel-loader": "^6.2.4", 
    "babel-preset-es2015": "^6.9.0", 
    "babel-preset-react": "^6.11.1", 
    "react": "^15.2.0", 
    "react-dom": "^15.2.0", 
    "react-hot-loader": "^1.3.0", 
    "webpack": "^1.13.1", 
    "webpack-dev-server": "^1.14.1" 
    }, 
    "babel": { 
    "presets": [ 
     "es2015", 
     "react" 
    ] 
    } 
} 

lief ich ./node_modules/.bin/webpack den anfänglichen Build zu erhalten.

Lassen Sie mich wissen, wenn Sie weitere Informationen benötigen. Danke noch einmal.

Answer 1

React-Hot-Loader kann in seiner Konfiguration sehr spezifisch sein. Ich würde die minimal successful configuration für React Hot Loader versuchen (darauf achten, dass ähnliche Wegfindung zu verwenden und nicht über Variableninitialisierung mit path.resolve):

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

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