创建反应应用程序，纱线工作区依赖问题答案

【问题标题】：Create react app, yarn workspaces dependency issue创建反应应用程序，纱线工作区依赖问题
【发布时间】：2018-05-11 05:09:11
【问题描述】：

我正在使用 create-react-app、typescript 和 yarn 工作区构建一个多模块项目。

结构是：

package.json
packages
  - create-react-app-project
  - other-lib-project
    - tsconfig.json
    - package.json
    - src/
    - dist/

lib 项目构建良好，但运行时出现以下错误：

Unhandled Rejection (TypeError): Cannot read property 'random' of undefined

随机是faker的一个属性。在编译输出中，faker 的导入语句显示为：

var faker_1 = require("faker");

我以为当 webpack 编译 create react app 项目时，它会捆绑我的库的依赖项，但事实并非如此。

我应该如何捆绑我的库，以便它的依赖项在运行时在浏览器中可用？

【问题讨论】：

【解决方案1】：

我采用的解决方案是将库项目添加到我的主项目 tsconfig.json 的路径中。例如。

{
  "compilerOptions": {
    "paths": {
      "@my-namespace/main-project": ["./src"],
      "@my-namespace/lib-project": ["../lib-project"]
    }
}

这使用了 build 文件夹中已编译的 lib 资源，但仍将所需的模块捆绑在主 build/

【讨论】：