webpack - Webpack – 规避对 3rd 方模块内文件夹结构的依赖

Question

使用 webpack，我使用 require 调用从node_modules文件夹中加载 css 文件。

我的配置的一部分：

resolve: {
  modulesDirectories: ['src/js', 'node_modules'],
},

实际的 require 调用如下所示require('purecss/build/pure.css')：

虽然工作完美，但我有点不安，purecss/build/因为我依赖于第三方模块内的文件夹结构。如果他们改变了一些东西，我的应用程序将不可避免地崩溃。有没有办法绕过这个（例如通配模式）？

Answer 1

您可能需要resolve.alias配置选项。它使您可以为将从其加载模块的位置指定别名。以这种方式抽象意味着您的源代码可以使用任何有意义的东西，并且您可以在配置中管理对 3rd 方路径的依赖。