此 Webpack 配置的说明

Question

我很难理解下面的变量在我的 webpack 配置中的作用。

var devPort = optimist.argv.port || 8080;

webpack-dev-server 通常在 localhost:8080 上运行。有一个 HotModuleReplacementPlugin 并且稍后调用此变量进行开发构建，如下所示：

var publicPath = '';
if (mode.IS_HOT) {
   publicPath = 'http://localhost:' + devPort + '/';
}

根据这个变量，publicPath 会被设置成什么，即。 "optimist.argv.port || 8080" ?

Answer 1

在您的情况下，如果 devPort 不是 false，则 devPort 将获得 optimist.argv.port 的值。

否则等于8080

一般来说，变量会被赋予最接近的非假值。

var john = false || null || undefined || '' || 'Doe' || 'Jane';

约翰的价值是 Doe

顺便说一句，它不是 Webpack 特定的语法。这是一个常见的 JavaScript。

Explanation for this Webpack config