使用Rollup和rollup捆绑Typescript -plugin-typecript2变坏

Question

我正在尝试将monorepo的一小部分提取到web客户端库中，并在这里遇到了一些意想不到的障碍。因此，非常直接的汇总配置如下所示：

import resolve from "rollup-plugin-node-resolve";
import typescript from "rollup-plugin-typescript2";
import sourceMaps from 'rollup-plugin-sourcemaps';

export default {
    input: "../main.ts",
    output: {
        file: './bundle/rollup-bundle.js',
        format: 'iife',
        name: 'WebClient',
        sourcemap: true
    },
    plugins: [
        typescript(),
        resolve({browser: true, mainFields: ['module']}),
        sourceMaps(),
    ]
};

产生：

../main.ts → ./bundle/rollup-bundle.js...
[!] Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)
..\main.ts (3:32)
1: [...]
2:
3: export const createClient = (url: string) => new ClientImpl([...]);
                                   ^
Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)

看起来rollup-plugin-typescript2并没有完成转换typescript的工作，这看起来太基础了，不能不工作。我糊涂了！

提前感谢！

Answer 1

看起来rollup可能是使用idea构建的，记住它将始终位于项目根目录下。有一次，我试图将web client builder作为一个独立的app放在它的专用文件夹中，它有专门的tsconfig和rollup.config，但没有明确的迹象表明为什么会发生这种情况，一切都变得疯狂起来。唯一明显的迹象是，rollup-plugin-typescript2不能转换(它甚至没有尝试)位于更高文件夹中的任何*.ts文件，并且花了很长时间才发现这一点。

Answer 2

这可能是由于typescript2和node-resolve的调用顺序错误造成的：

在插件列表中，

@rollup/ plugin -node-resolve必须在rollup-plugin-TYPERScript2之前，尤其是在使用browser: true选项时

(来自rollup-plugin-typescript2的documentation)

更新

主要问题是一些源文件相对于tsconfig根目录在更高的文件夹中的位置。默认情况下，tsconfig将它们排除在编译之外：

如果未指定" files“和"include”，则编译器默认在包含目录和子目录的中包含所有TypeScript (.ts、.d.ts和.tsx)文件

(tsconfig docs)