Warum muss ich den Befehl "webpack" erneut ausführen?

Question

Ich arbeite mit einem React-Projekt. Jedes Mal, wenn ich eine der JS-Dateien ändere, muss ich den Befehl "webpack" im Terminal erneut ausführen, damit die Änderungen im Browser angezeigt werden. Gibt es eine Möglichkeit, dass ich den Befehl "webpack" nicht noch einmal ausführen muss.

webpack.config.js

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

module.exports = { 
    devServer: { 
     inline: true, 
     contentBase: './src', 
     port: 3000 
    }, 
    devtool: 'cheap-module-eval-source-map', 
    entry: './dev/js/index.js', 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       loaders: ['babel'], 
       exclude: /node_modules/ 
      }, 
      { 
       test: /\.scss/, 
       loader: 'style-loader!css-loader!sass-loader' 
      } 
     ] 
    }, 
    output: { 
     path: 'src', 
     filename: 'js/bundle.min.js' 
    }, 
    plugins: [ 
     new webpack.optimize.OccurrenceOrderPlugin() 
    ] 
}; 

Answer 1

Sie benötigen webpack-dev-server und heiß loader reagieren, Sie Entwicklung Config auch benötigen. Bitte werfen Sie einen Blick auf diese Seite ReactHotLoader und wenn Sie es komplex finden Kommentar hier und ich werde Ihnen weitere Links, die hilfreich sein könnten.

Auch bei diesem Beispiel bitte werfen Sie einen Blick Github:React-redux-app, diese könnten Sie Ihre Entwicklung env einrichten helfen.

Answer 2

Es ist ganz einfach. Führen Sie einfach webpack mit -w Flag aus, um es nach Änderungen zu sehen und bei jeder Änderung neu aufzubauen.

webpack -w