请解释在react js中给出的代码片段的含义。

Question

下面是server.js应用程序中server.js文件中使用的代码。但我无法理解这句话的语法。在这里，在需要(‘webpack-开发中间件’)之后，没有使用.，突然另一个括号开始使用一些参数。有人能解释一下它是怎么工作的吗？

app.use(require('webpack-dev-middleware')(compiler, {
noInfo: true,
publicPath: config.output.publicPath
}));

Answer 1

require('webpack-dev-middleware')正在返回一个函数。这只是一个简短的版本

const webpackMiddleware = require('webpack-dev-middleware');
const webpackCompiler = webpackMiddleware(compiler, {
    noInfo: true,
    publicPath: config.output.publicPath
});
app.use(webpackCompiler);

Answer 2

require('webpack-dev-middleware')返回一个函数。

第二组括号包含要传递给此返回函数的参数。

Answer 3

只需将该表达式的部分提取为单独的变量即可。

const createWebpackMiddleware = require('webpack-dev-middleware')
const options = {
  noInfo: true,
  publicPath: config.output.publicPath
}
const webpackMiddleware = createWebpackMiddleware(compiler, options)

app.use(webpackMiddleware );