NextJS：构建组件以导出并进入另一个项目

Question

当前设置：我有两个NextJS应用程序：一个我们将称为项目A和一个库存储库，我们将称为LIB Project Lib。项目A是一个相当简单的应用程序，具有几个独立的组件，而Project Lib是许多其他应用程序杠杆的类似图书馆的应用程序。

我要做的事情：包装项目A以构建分配包含其所有组件的方式，然后我可以在项目中利用这些组件。我目前正在使用npm install [email＆nbsp; protected] ：＆lt; anchoment＆gt;/＆gt;/＆lt; project a＆gt; gt; git，并且效果很好。我当前的问题是，使用npm run build build时，只有页面才能构建页面，并且它也不会生成每个组件的相应.d.t.t.ts文件/组件。

我发现设置“声明”：true /*生成相应的'.d.ts'文件。 */将为我生成组件，但这似乎并没有解决问题。关于如何做到这一点，我也找不到太多在线。也许我只是一个糟糕的谷歌手，他知道。

无论如何，这是我的tsconfig和package.json文件看起来像：

package.json：

{
...,
"files": [
        "lib/**/*"
    ]
}

tsconfig.json：

{
  "compilerOptions": {
    "target": "es5",
    "module": "ESNext",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "jsx": "preserve",
    "declaration": true,
    "declarationMap": true,
    "sourceMap": true,
    "outDir": "./lib",
    "rootDir": "./",
    "removeComments": true,
    "noEmit": true,
    "isolatedModules": true,
    "strict": true,
    "moduleResolution": "node",
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true,
    "resolveJsonModule": true
  },
  "include": [
    "next-env.d.ts",
    "**/*.ts",
    "**/*.tsx",
    "components/**/*"
  ],
  "exclude": [
    "node_modules/*",
    "./node_modules",
    "./node_modules/*",
    "./lib"
  ]
}