javascript - webpack-dev-server 用node方式報錯

Question

//webpack.config.js
module.exports = {
  resolve:{
    alias: {
      common: path.resolve(__dirname, '../src/_common'),
      node_modules: path.resolve(__dirname, '../node_modules')
    }
  },
  module:{
    rules:[
      {
        test:/\.(js|jsx)$/,
        loader:'babel-loader',
        exclude:/node_modules/,
        query: {
          presets: ['es2015','stage-0']
        }
      }
    ]
  }
};

//devConfig.js
module.exports = {
    entry: [
      'webpack-dev-server/client?http://localhost:8080',
      'webpack/hot/dev-server',
      path.resolve(__dirname, '../src/demo/index.js')
    ],
    output: {
      filename: "bundle.js",
      publicPath: 'http://localhost:8080/assets/'
    },
    devtool:'eval-source-map',
    module: {
      rules: [
        {
          test:/\.scss$/,
          use: ["css-loader?-autoprefixer&sourceMap", 'postcss-loader', "sass-loader"]
        }
      ]
    },
    plugins: [
      new webpack.DefinePlugin({
        'process.env.NODE_ENV': '"development"'
      }),
      new webpack.HotModuleReplacementPlugin(),
      new OpenBrowserPlugin({}),
      new HtmlWebpackPlugin({
        title: 'demo',
        filename: 'demo/index.html',
        inject: true,
        chunks: ['demo/index'],
        template: path.resolve(__dirname, '../src/demo/index.html')
      })
    ]
  }

gulp.task('dev',() => {
  let optionConfig = merge(webpackconfig, devConfig);
  const myDevConfig = Object.create(optionConfig);
  new webpackDevServer(webpack(myDevConfig), {
    stats: {
      colors: true
    },
    publicPath: devConfig(['demo']).output.publicPath,
    historyApiFallback: true,
    hot: true,
    watchOptions: {
      poll: true,
      watch: true
    },
    watchContentBase: true
  }).listen(8080, "localhost", function(err) {
    if(err) throw new gutil.PluginError("webpack-dev-server", err);
    gutil.log("[webpack-dev-server]", "http://localhost:8080/webpack-dev-server/index.html");
  });
});

請問哪裡配置錯誤了？

Answer 1

沒有看到devserver的設定啊