webpack - ES6 和窗口/全局变量

Question

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

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

也是这样：

window._ = require('lodash');

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

TypeError：无法读取未定义的属性“截断”

Answer 1

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

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

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

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

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