module - 如何使用 Webpack 设置 React 组件的私有(private)共享库

Question

我有许多在多个 Webpack 项目中使用的 React 组件，我想通过 NPM 共享它们。所以我很自然地:

1. 将这些组件放入(私有(private))GitHub 存储库
2. 将该存储库添加到主项目的 package.json
3. 为了能够同时在组件库上进行开发，我使用 npm link 将其符号链接(symbolic link)到我的主项目中。

但是，Webpack 无法从我的库组件文件解析 react，因为库项目文件夹或其任何父级中没有 node_modules。

我在 Webpack 配置的 externals 中看到了与 react 捆绑在一起构建的第 3 方 React 组件，但我不想构建一个单独的 bundle 或做任何复杂的事情，我只想需要我的库组件的原始源。有谁知道该怎么做吗？

Answer 1

我希望能找到一个更优雅的解决方案，但将其添加到我的 webpack.config.js 中有效:

resolve: {
    fallback: path.resolve(__dirname, 'node_modules')
},
resolveLoader: { root: path.join(__dirname, "node_modules") },

但是，我最终决定在 git 子模块中的项目之间共享组件会更容易。