Webpack - 规避对第三方模块内部文件夹结构的依赖

Question

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

我的部分配置：

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

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

在完美工作的同时，我对purecss/build/位有点不安，因为我依赖于第三方模块中里面的文件夹结构。如果他们改变了什么，我的应用程序将不可避免地破坏。有没有办法规避这种情况（例如通配模式）？

Answer 1

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