node.js - 为什么我必须一次又一次地运行 "webpack"命令？

Question

我正在处理一个 React 项目。每次我对任何 .js 文件进行任何更改时，我都必须在终端中再次运行“webpack”命令以使更改反射(reflect)在浏览器上。有什么方法可以让我不必再次运行“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和 react 热加载器，你还需要开发配置。请看一下这个页面ReactHotLoader如果您发现这里很复杂，请发表评论，我将为您提供更多可能有帮助的链接。

另外请看一下这个例子 Github:React-redux-app ，这可以帮助您设置开发环境。