Webpack ProvidePlugin-找不到模块

Question

我具有以下文件夹结构。

• files/
  • index.js
  • ...
  • modals/
    • modalA.js
    • ...
  • utils/
    • debug.js
    • ...

index.js是Webpack的入口点。

我正在尝试使用ProvidePlugin，以便可以访问index.js和modalA.js文件中的全局模块。到目前为止，我只能使ProvidePlugin可用于一个文件或另一个文件。不能同时使用。我假设我需要对模块路径做一些特殊的事情，以便两个文件都能正确解析它。

我的webpack配置：

  plugins: [
    ...,
    new webpack.ProvidePlugin({
      'debug': './utils/debug.js'
    })
  ],

以上配置适用于我的index.js文件。可以访问debug变量。但是，由于路径不同，它不适用于modalA.js文件。

我为modalA.js遇到的错误是：

Module not found: Error: Can't resolve './utils/debug.js' in '.../files/modals'

无论使用debug的文件路径如何如何都能使ProvidePlugin正常工作？

谢谢！