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

Question

使用webpack，我使用require调用来从node_modules文件夹中加载一个css文件。我的配置的

部分：

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

实际需要调用看起来是这样的：require('purecss/build/pure.css')。

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

Answer 1

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