reactjs - 反应同一文件的多个导入

Question

我知道这个疑问是非常基本的，但我还没有找到答案。

它是这样的：

假设我有一个utils导出某些函数的文件，并且我在我的许多 React 组件中使用相同utils的函数。

这就是我目前正在做的事情：

component1： import { parseData } from '@/utils/parser'; component2： import { parseData } from '@/utils/parser'; 如何避免在每个文件上都导入它？

Answer 1

如果您使用的是webpack，则有一个名为PluginProvider的插件：

也许你可以像这样使用它：

new webpack.ProvidePlugin({
  parseData: path.resolve(path.join(__dirname, '@/utils/parser'),
});