如何利用可选模块构建多包节点模块

Question

我查看了其他项目，如babel或react-router，其中模块被拆分为几个包，使用lerna和yarn包。所以我尝试用不同的包来构建lerna库：

my-library
  core/
    src/
      index.js
  another-package/
    src/
      index.js

我希望core中的index.js文件仅在需要时并且仅在安装了node-module@my-library/othere-package时才能从other-package中调用index.js中的方法。但我一直没有找到解决办法。使用ES5/ES6和WebPack/Lerna是否可以实现这一点？还是我采取了错误的方法？

更新10月27日

因此，经过几次测试，我能够使用带有普通HTML/JS（https://github.com/pixelduck/lerna-webpack/blob/main/a-react-app/src/client/test.html）的Aram解决方案，但该解决方案不能使用带有webpack https://github.com/pixelduck/lerna-webpack/blob/main/a-react-app/src/client/app.js的react应用程序包。

代码可在以下网址获得：https://github.com/pixelduck/lerna-webpack。

打开一个终端到my-lerna-library并运行yarn installyarn link:all，这将为每个包“yarn dev”创建符号链接，这将创建bundle并监听更改

然后打开一个新终端到文件夹a-react-app:yarn installyarn link“my-lerna-library”yarn link“@my-lerna-library/othere-package”`yarn dev``

将在http://0.0.0.0:3000上打开一个页面，您将看到未找到模块@my-lerna-library/othere-package。

如果您打开http://0.0.0.0:5000/test.htmlplainJS测试，一切看起来都很好。

问题似乎出在react应用程序的webpack端，因为在调试应用程序时，我看到核心包正在查找一个名为my_lerna_library__webpack_imported_module_3__的库，而这个库不是webpack在加载另一个包_my_lerna_library_another_package__webpack_imported_module_2___default时使用的库

__webpack_require__.r(__webpack_exports__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./App.css */ "./src/client/App.css");
/* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_App_css__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _my_lerna_library_another_package__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @my-lerna-library/another-package */ "../my-lerna-library/packages/another-package/dist/index.bundle.js");
/* harmony import */ var _my_lerna_library_another_package__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_my_lerna_library_another_package__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var my_lerna_library__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! my-lerna-library */ "../my-lerna-library/packages/core/dist/index.bundle.js");
/* harmony import */ var my_lerna_library__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(my_lerna_library__WEBPACK_IMPORTED_MODULE_3__);

Answer 1

在您的my-lerna-library>包中：-

（1）用以下代码替换另一个-package package.json文件

{
  "name": "@my-lerna-library/another-package",
  "private": true,
  "version": "1.0.0",
  "scripts": {
    "dev": "webpack --watch --devtool inline-source-map --mode development",
    "build": "webpack --mode production"
  },
  "dependencies": {
    "@my-lerna-library/core": "1.0.0"
  }
}

而且

{
  "name": "@my-lerna-library/core",
  "private": true,
  "version": "1.0.0",
  "scripts": {
    "dev": "webpack --watch --devtool inline-source-map --mode development",
    "build": "webpack --mode production"
  }
}

"workspaces": {
    "packages": [
      "packages/**"
    ]
},