如何在 webpack 构建的 js 中使用“this”

Question

我花了一天的时间寻找解决方案，但我没有设法解决这个问题，首先是 webpack 的新手，并且在经过漫长的一天导出我的 2 个简单功能后，我管理的 js 并没有太多进步：

脚本.js

function scrollright(el) {
...
}

function scrollleft(el) {
...
}

export {
scrollright,
scrollleft,
}

并将它们导入index.js

import { scrollleft, scrollright } from './script';
scrollleft();
scrollright();

构建成功完成，但问题是那些 function 带参数，并且这些参数通过 html onclick 标签传递给 js（之前在 webpack 之前）：

onclick="scrollleft(this)"

我不知道如何将其完全转移到 webpack 也许这是一个新手问题，但我找不到任何对我有帮助的东西，或者至少如果这不可能，一个简单的澄清或建议的解决方案将不胜感激。

Answer 1

好的，所以我设法像这样解决它：

index.js

import { scrollleft, scrollright } from './script';
window.scrollleft = scrollleft;
window.scrollright = scrollright;

所以似乎添加window将使 function 全局或类似我不明白 100% 这是什么意思，但如果有人遇到这个问题，希望这个新手 Q/A 能帮助你并为你节省一天或更长时间；）