2

grunt を使用して記述された lecasy アプリケーションがあります。また、このことを使用します https://github.com/gruntjs/grunt-contrib-connectこれにより、ミドルウェアの配列を使用できるようになり、次のようにミドルウェアを追加またはシフト解除できるようになります。

grunt.initConfig({
  connect: {
    server: {
      options: {
        middleware: function(connect, options, middlewares) {
          // inject a custom middleware into the array of default middlewares
          middlewares.unshift(function(req, res, next) {
            if (req.url !== '/hello/world') return next();

            res.end('Hello, world from port #' + options.port + '!');
          });

          return middlewares;
        },
      },
    },
  },
});

現在、プロジェクトを webpack に移行し、webpack で同じ動作を実現しようとしています。

var server = new WebpackDevServer(webpack(config), {
    //publicPath: config.output.publicPath,

    hot: true,
    port: 32728,
    // historyApiFallback: true,
    setup: function(app) {
        console.dir(app);
      app.use(function(req, res, next) {
          // how to access array of middlewares here ?
      } 
    },
    stats: {
      colors: true
    }
  });
  server.listen(32728);
4

0 に答える 0