如何在 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 能幫助你並為你節省一天或更長時間；）