javascript - 页面上的 JS 无法访问 Webpack 函数导入

Question

第一次使用 Laravel 5.5 学习 webpack。

我有一个 helpers.js 库，我将它包含到我的 app.js 包中，如下所示:

import * as $mh from './helpers.js';

helpers.js 中的示例函数是:

export function valRemoveHighlight(element)
{
    $(element).closest('.form-group, .input-group, .has-feedback').removeClass('has-error').addClass('has-success');
}

然后我可以像这样在包中访问这个函数:

$mh.valRemoveHighlight(element);

但是我的页面底部有 JS 脚本，它无法访问包中的函数。我尝试了不同的范围但没有成功:

window.$mh.valRemoveHighlight(element);
$mh.valRemoveHighlight(element);
valRemoveHighlight(element);

如何使这些导出/导入的辅助函数在全局范围内可访问，以便任何内联/页面脚本都可以访问它们？

理想情况下保持在帮助程序范围内 $mh. 但可以从页面/脚本访问，例如:

$mh.valRemoveHighlight(element);

谢谢!

Answer 1

$mh 仅在 app.js 中可用，因此您必须通过以下操作在 app.js 中自己公开该函数:window.$mh = $mh