将自调用 function 从 npm 模块导入到 react/webpack 应用程序中

Question

我已经构建了一个用 webpack 编译的反应应用程序，现在想使用从 npm （即vanilla-cookieconsent ）中提取的 package 。 唉，它写得很老派，没有导出或什么都没有，相反，它只是一个自调用 function ，它向 window object 添加了一个方法。 对于我的生活，我似乎无法将它融入我的 react/webpack 组合。

那么，在转译的反应应用程序中加载和使用这样的 function 的正确方法是什么？

Answer 1

不只是像

import '~vanilla-cookieconsent/cookieconsent.css';

...

useEffect(() => {
  import('~vanilla-cookieconsent/cookieconsent.js').then(() => {
    // Loading the script should have injected this to window
    window.cookieconsent.run(...);
  });
}, []);

做这个把戏？