使用 webpack 发布 NPM 模块（React 组件）时如何正确使用 PeerDependency？并与 npm 链接一起使用？

Question

我想发布module依赖于react. 我想在我的app项目中使用这个模块，该项目也依赖于react。我有以下 webpack 模块配置：

module.exports = {
  //......
  externals: {
    'react': 'react'
  },
  output: {
    library: 'my-module',
    libraryTarget: 'umd'
  },
  resolve: {
    extensions: ['', '.js'],
    fallback: [path.join(__dirname, 'node_modules')]
  },
  resolveLoader: {
    fallback: [path.join(__dirname, 'node_modules')]
  }
};

package.json 既作为依赖项又作为对等依赖项进行反应，并以 lib/index.js 作为入口点，因此我将库构建到 lib/index.js。

然后我npm link从模块目录和npm link my-module目录运行app。然而，它最终仍然会加载两个不同版本的 React，从而导致问题。如何使我的模块使用与应用程序相同的反应？

我阅读了有关peerDepencies和npm链接的链接：https://webpack.github.io/docs/troubleshooting.html#npm-linked-modules-doesn-t-find-their-dependency

但正如您所看到的，我已将后备添加到配置中（不清楚哪个存储库，所以我将其添加到两个存储库中）。我在这里做错了什么？

Answer 1

我的错误是忘记在安装时构建库的模块中添加“预发布”脚本。