javascript - Webpack 开发服务器热模式不起作用

Question

这是我的配置:

devServer: {
    contentBase: '/web/dist/',
    hot: true,
    stats: {colors: true},
    inline: true
}

这是我正在运行的 gulp 任务:

gulp.task('build', ['clean', 'styles', 'bower', 'media', 'data', 'homepage'], function(done) {
    es6promise.polyfill();

    console.log('STARTING DEV SERVER...');

    server = new WebpackDevServer(webpack(webpackDevConfig), webpackDevConfig.devServer);
    server.listen(8080, '0.0.0.0', function (err, stats) {
        if (err) {
             throw new gutil.PluginError("webpack-dev-server", err);
        }

        console.log('DEV SERVER STARTED');

        done();
    });
});

除热加载外，一切都按预期工作(当我更改文件时没有刷新或更改)。我在这里做错了什么？

Answer 1

您需要添加 <script src="http://localhost:8080/webpack-dev-server.js"></script>到你的 index.html 当你使用 API 时它不会被添加

“请注意，webpack 配置未传递给 WebpackDevServer API，因此在这种情况下未使用 webpack 配置中的 devServer 选项。此外，WebpackDevServer API 没有内联模式。<script src="http://localhost:8080/webpack-dev-server.js"></script> 应手动插入到 HTML 页面。 “( http://webpack.github.io/docs/webpack-dev-server.html )

也许您还需要添加 'webpack/hot/dev-server'作为你的 webpack 配置的入口点