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

Question

我想发布依赖于 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 既作为依赖项又作为对等依赖项作出 react ，并以 lib/index.js 作为入口点，因此我将库构建到 lib/index.js。

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

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

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

Answer 1

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