javascript - webpack 从不同文件导入函数

Question

我需要从不同文件导入所有函数并将它们用作普通函数，只需按名称调用它们即可，例如:helloWorld()

基本上我想从不同的文件导入函数并在此文件的范围内使用其中的一些函数。我知道 eval() 但我听说它很危险。

我知道两种方法，但没有一种是完美的。

如果您的functions.js 文件中有数千个函数，那么这个函数就很糟糕，因为您必须在此导入中为它们全部命名。

import { doSomething } from './functions.js';

这个很糟糕，因为您必须在所有外部函数之前指定前缀。

import * as f from './functions.js'; 

我想要这样的东西

import * from './functions.js';

您可以像这样调用函数:

helloWorld();
makeMeSomeCoffee();

我的目标是跨多个电子窗口共享一些常用的功能。我想为我的代码添加一些模块化，并遵守 DRY 原则。

关于如何实现这一目标有任何线索吗？

Answer 1

Webpack 的 ProvidePlugin也许可以帮助您解决这个问题。

new webpack.ProvidePlugin({
  helloWorld: ['./functions', 'helloWorld'],
  // ...
})

不过，这对我来说确实有点矫枉过正，我可能会坚持使用破坏性的导入。