javascript - 使用 webpack 导出全局函数

我正在尝试编写一个同构模块。服务器 javascript 将在 JINT 内部运行。我专门创建了一个 webpack 包来构建模块的服务器版本。我想公开一个可以让 JINT 调用的函数。我正在使用 JINT 的 scriptEngine.Invoke 函数，但是这是在全局对象上寻找函数。我不知道如何将函数放到全局对象上。我曾尝试使用公开加载程序，但这似乎导出了整个模块，我无法让它只公开一个函数。

这是我的切入点:

require("expose?FormValidator!./formValidator.js");

这是我的 formValidator.js:

export default function validate () {
    return 'HelloWorld';
}

当我加载结果包并检查 FormValidator 全局时，它是一个带有验证函数的对象。有没有办法让验证函数直接分配给 FormValidator？

最佳答案

我和你的情况一样。这是我的代码:

webpack.config.js:

module.exports = {
    entry: './src/method/eTrack/index.js',
    output: {
        filename: 'eTrack.js',
        path: path.resolve(__dirname, 'dist'),
        library: 'eTrack',
        libraryTarget: 'umd'
    },
};

./src/method/eTrack/index.js:

import create from './create';
import getAll from './getAll';
import getByName from './getByName';
import remove from './remove';

export function eTrack () {

}
eTrack.trackers = [];
eTrack.create = create;
eTrack.getAll = getAll;
eTrack.getByName = getByName;
eTrack.remove = remove;

嗯，通过 webpack 捆绑后，我可以在 window 中访问 eTrack 但结果它是一个对象。这意味着我不能直接调用 eTrack() ，但应该像 eTrack.eTrack() 一样调用。

我已经尝试过@Ambroos的解决方案，将 ./src/method/eTrack/index.js 更改为:

module.exports = function eTrack () {

}

这次捆绑后，我无法在浏览器窗口中访问 eTrack，eTrack 对象消失了，它在控制台中抛出 eTrack is undefined 错误。

然后我找到了一篇很有帮助的文章:http://siawyoung.com/coding/javascript/exporting-es6-modules-as-single-scripts-with-webpack.html

并将我的 index.js 更改为:

function eTrack () {

}
module.exports = eTrack;

然后一切都按预期工作!我可以直接在 eTrack() 标签中调用 <script>。虽然我不知道@Ambroos 的答案和这个解决方案之间的区别。