如何在webpack-dev-server API和Gulp中使用内联模式

Question

我一直在使用的WebPack-DEV-服务器与它的--inline和--host标志.一切正常.

webpack-dev-server --inline --host example.com

然后我看着结束了使用此任务一饮而尽和的WebPack-DEV-服务器API.

var gulp             = require('gulp');
var gutil            = require('gulp-util');
var Webpack          = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var WebpackConfig    = require('./webpack.config.js');

gulp.task('default', ['webpack-dev-server']);

gulp.task('webpack-dev-server', function(callback) {
  new WebpackDevServer(Webpack(WebpackConfig), {
    host: 'example.com',
    inline: true,
    publicPath: WebpackConfig.output.publicPath,
  }).listen(port, host, function(err) {
    if(err) throw new gutil.PluginError('webpack-dev-server', err);
    gutil.log('[webpack-dev-server]', 'http://example.com:8080');
  }); 
});

这似乎不起作用,我相信没有inline或host为API.

知道这是否可行？

Answer 1

在当前的Webpack版本（1.13.2）中，可以做到这一点。

从文档中：

要使用内联模式，可以

--inline在命令行上指定。在你的
指定devServer: { inline: true }webpack.config.js

Answer 2

默认情况下启用内联模式 - 转到http://host:port/webpack-dev-server/