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并对热门加载器做出反应，你也需要开发配置。请查看此页面ReactHotLoader，如果您在此处发现了复杂的评论，我将为您提供更多可能有用的链接。

另请参阅此示例Github:React-redux-app，这可以帮助您设置开发环境。

Answer 2

很简单。只需使用-w标志运行webpack，即可在每次更改时监视更改并重建。

webpack -w

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

2 个答案: