Question

以下是react js应用程序中server.js文件中使用的代码。但我无法理解这句话的语法。在require（'webpack-dev-middleware'）之后，没有使用.，并突然用另一个参数开始了另一个括号。有人可以解释它是如何工作的吗？

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

Answer 1

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

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

Answer 2

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

的缩短版本

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

Answer 3

只需将此表达式的部分提取为单独的变量

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

app.use(webpackMiddleware );

请解释反应js中给出的代码片段的含义

3 个答案: