「webpack」コマンドをもう一度やり直さなければならないのはなぜですか？

Question

私はReactプロジェクトを担当しています。すべての.jsファイルを変更するたびに、ブラウザで変更内容を反映させるために、再度「webpack」コマンドを端末で実行する必要があります。何か方法がありますので、もう一度 "webpack"コマンドを実行する必要はありません。

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

また、あなたが開発の設定を必要とする、webpack-dev-serverを必要とホットローダーを反応させます。このページを見てください。ここに複雑なコメントがある場合、私はあなたに役立つより多くのリンクを提供します。

また、Github:React-redux-appの例をご覧ください。これは開発環境の設定に役立ちます。

Answer 2

簡単です。 -wフラグを付けたwebpackを実行して、変更を監視し、変更時に毎回再構築してください。

webpack -w