如何在 webpack 中使用别名来覆盖 node_modules 中已经存在的依赖项？答案

【问题标题】：How to use alias in webpack to override a dependency already existing in node_modules?如何在 webpack 中使用别名来覆盖 node_modules 中已经存在的依赖项？
【发布时间】：2018-10-23 07:47:33
【问题描述】：

在 Webpack 4 中，

我想把我的rsg-components 放在node_modules 中而不是node_modules。

所以react-styleguidist 将改为导入我的版本。

显然resolve.alias 不优先于node_modules，有没有办法在不分叉react-stylguidist 的情况下这样做？

【问题讨论】：

您如何得出resolve.alias 不优先于node_modules 的结论？根据文档，它看起来确实是 take.ms/RSJFg webpack.js.org/configuration/resolve/#resolvealias

标签： javascript reactjs npm webpack node-modules

【解决方案1】：

您可以使用resolve-modules。
只需在 node_modules 之前添加模块所在的目录即可。

来自文档：

如果要添加优先于 node_modules/ 的目录进行搜索：

modules: [path.resolve(__dirname, "src"), "node_modules"]

【讨论】：