此 Webpack 配置的说明答案

【问题标题】：Explanation for this Webpack config此 Webpack 配置的说明
【发布时间】：2017-01-06 19:18:50
【问题描述】：

我很难理解下面的变量在我的 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”？

【问题讨论】：

【解决方案1】：

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

否则等于8080。

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

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

john 的值为 Doe

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

【讨论】：