如何使用Webpack设置React组件的私有共享库

Question

我在多个Webpack项目中使用了许多React组件，我想通过NPM分享它们。我很自然地说：

1. 将这些组件放入（私人）GitHub repo
2. 将该回购添加到主项目package.json
3. 为了能够同时在组件库上进行开发，我使用npm link将它符号链接到我的主项目中。

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

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

Answer 1

我希望我能找到一个更优雅的解决方案，但是将其添加到我的webpack.config.js工作：

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

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