ES6 和窗口/全局变量

Question

我正在使用 es6 模块。在其中一些我使用 lodash。我的问题是 - 是否可以将 lodash 作为全局变量加载，还是应该单独导入所有文件？我在我的初始化程序中试过这个：

import lodash from 'lodash';
window._ = lodash;

也是这样：

window._ = require('lodash');

但它不起作用。在我的模块中，我在使用时遇到错误，例如 _.truncate：

类型错误：无法读取未定义的属性“截断”

Answer 1

有 3 种方法可以让您看到您正在使用 webpack。

1. window对象仍然可用。就像您的示例一样，您需要确保首先加载初始化程序，然后您可以像这样做一样将下划线附加到 window 对象，然后在您的模块中您可以将其用作window._.truncate. 您可以看到这里的缺点是：1) 存在加载顺序依赖性。2) 依赖于 window 对象。3）用法不好。

2. 您可以underscore直接导入所需的模块。

3. 使用 webpack，您可以通过定义插件https://webpack.js.org/plugins/define-plugin/来定义全局变量，然后在每个模块中您可以随意使用_.truncate。

如果您只是偶尔需要该模块，#2 是最佳选择。如果您希望经常使用它，那么#3 会更方便。#1 总是很难看，但在极少数情况下，这种解决方法可能会有所帮助，尽管您的情况显然不是。