ES6：保持功能免於搖樹

Question

我正在使用 rollup 和 babel 來轉譯 ES6 代碼。 現在我需要在驗證碼被檢查時觸發這個 Recaptcha 回調函數。

問題是在轉譯過程中，搖樹或其他機制過濾掉了這個功能。

如何在要從外部觸發的最終腳本中保留recaptchaCallback() ？

import UIkit from 'uikit';

...

function recaptchaCallback() {
    document.getElementsByClassName('g-recaptcha')[0].style.border = 'none';
};

...

Answer 1

使用副作用

“副作用”被定義為在導入時執行特殊行為的代碼，而不是暴露一個或多個導出。 這方面的一個例子是 polyfill，它影響全局范圍並且通常不提供導出。

{
  "name": "your-project",
  "sideEffects": [
    "./src/some-side-effectful-file.js"
  ]
}