Webpack – 规避对 3rd 方模块内文件夹结构的依赖
Webpack – circumvent dependency on folder structure inside 3rd party module
使用 webpack，我使用 require 调用从 node_modules 文件夹中加载一个 css 文件。
我的部分配置：
resolve: {
modulesDirectories: ['src/js', 'node_modules'],
},
实际的 require 调用如下所示：require('purecss/build/pure.css').
虽然工作完美，但我对 purecss/build/ 有点不安，因为我依赖第三方模块 inside 的文件夹结构。如果他们改变了什么，我的应用程序将不可避免地崩溃。有没有办法避免这种情况（例如通配模式）？
您可能需要 resolve.alias 配置选项。它允许您为将从中加载模块的位置指定别名。以这种方式抽象它意味着您的源代码可以使用任何有意义的东西，并且您可以在配置中管理对第 3 方路径的依赖。
使用 webpack，我使用 require 调用从 node_modules 文件夹中加载一个 css 文件。
我的部分配置：
resolve: {
modulesDirectories: ['src/js', 'node_modules'],
},
实际的 require 调用如下所示：require('purecss/build/pure.css').
虽然工作完美，但我对 purecss/build/ 有点不安，因为我依赖第三方模块 inside 的文件夹结构。如果他们改变了什么，我的应用程序将不可避免地崩溃。有没有办法避免这种情况（例如通配模式）？
您可能需要 resolve.alias 配置选项。它允许您为将从中加载模块的位置指定别名。以这种方式抽象它意味着您的源代码可以使用任何有意义的东西，并且您可以在配置中管理对第 3 方路径的依赖。