为什么我必须再次运行“webpack”命令？

我正在使用一个React项目。 每次在任何.js文件中做任何修改，我都必须在terminal上再次运行“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和反应热装载机，也需要开发configuration。 请看看这个页面ReactHotLoader ，如果你在这里find复杂的评论，我会为你提供更多有用的链接。

也请看看这个例子Github：React-redux-app ，这可以帮助你设置你的开发环境。

Answer 2

这很简单。 只需用-w标志运行webpack，使其可以监视变化，并在每次更改时重build。

 webpack -w