如何获得汇总以包括来自另一个包的依赖项在其转录（TypeScript）中的lerna monorepo？

Question

我创建了一个简单的例子来说明我的问题：Github repo。

我有一个lerna monorepo，在packages文件夹中有两个npm包，这些包被称为：

utils：导出函数：

export const add = (a:number, b: number) => a + b

组件库：：导出一个简单的功能组件：

import React from 'react';
import { add } from '@project/utils';

export const MyComponent = () => <div>{add(2, 2)}</div>;

monorepo的根有一个tsconfig.json，它定义了一个路径键，用于将@project/*形式的任何导入映射到包。

{
  "compilerOptions": {
    "jsx": "react",
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "moduleResolution": "node",
    "allowJs": true,
    "baseUrl": ".",
    "paths": {
      "@project/*": ["packages/*/src"]
    }
  },
  "exclude": ["**/build/**"]
}

每个包都有一个汇总。配置。js，两者基本相同（尽管我们只使用组件库包中的一个）：

import typescript from '@rollup/plugin-typescript';
import commonjs from '@rollup/plugin-commonjs';

export default {
    input: 'src/index.tsx',
    output: {
        dir: './build',
        format: 'cjs'
    },
    plugins: [
        commonjs(),
        typescript({ tsconfig: '../../tsconfig.json'}),
    ]
};

因此，它们都使用roottsconfig中定义的路径。json，他们使用一个插件来传输Typescript。

组件库从@project/utils导入一个名为add（a，b）的函数。

我的目标是创建这个库的构建（使用rollup），而不必先构建utils包。换句话说，我想构建组件库解析从utils到utils源代码的导入，而不是node_modules中符号链接包中的构建文件夹（即，不使用lerna创建的符号链接）。

我几乎实现了这一点，只是在组件库中运行构建脚本时，出现了一个错误：

src/index。tsx→ ./建筑[!] 错误：意外标记（请注意，您需要插件来导入非JavaScript文件）。。\utils\src\index。ts（1:21）1:export const add=（a:number，b:number）=

按照我的理解，这意味着导入的解析工作正常，但rollup并不是传输来自外部依赖项的TS文件。

如何让rollup通过rollup将UTIL中的文件包含在传输中？

Answer 1

对于monorepo，许多（如果不是全部的话）包裹都将被吊起。所以要下定决心让自己看起来更高。尝试使用nodeResolve选项：

{
    rootDir: path.join(process.cwd(), '..')
}

Answer 2

如果这真的是问题所在

按照我的理解，这意味着导入的解析工作正常，但rollup并不是传输来自外部依赖项的TS文件。

您可以从@rollup/plugin Babel运行Babel，并直接用Babel传输ts文件。巴贝尔将检查节点模块中的文件。