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

Question

第一次学习 webpack Laravel 5.5。

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

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

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

Webpack function import not accessible by JS on page

javascript

jquery

webpack-2