Javascript 如何使用；这"；使用webpack构建js

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

script.js

function scrollright(el) {
...
}

function scrollleft(el) {
...
}

export {
scrollright,
scrollleft,
}

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

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

并将它们导入index.js

function scrollright(el) {
...
}

function scrollleft(el) {
...
}

export {
scrollright,
scrollleft,
}

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

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

构建成功完成，但问题是这些函数采用参数，并且这些参数通过html onclick标记传递给js（以前在webpack之前），如下所示：

onclick="scrollleft(this)"

---

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

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

onclick="scrollleft(this)"

index.js

function scrollright(el) {
...
}

function scrollleft(el) {
...
}

export {
scrollright,
scrollleft,
}

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

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

因此，似乎添加窗口将使函数成为全局或smthg，我不完全理解这意味着什么，但如果有人面临此问题，希望此新手Q/A将帮助您，并为您节省一天或更多时间；）

参考（可能更清楚的解释）：