与 Rollup 和 rollup-plugin-typescript2 捆绑的 Typescript 变坏了

Question

I'm trying to extract small part of monorepo to web client library and running into some unexpected hurdles, in here. So, quite straight forward rollup config, like this:

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(),
    ]
};

Produces:

../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)

It just looks like rollup-plugin-typescript2 doesn't do it's job of transpiling typescript and that just seems way too basic to not to work. I'm confused!

Thanks in advance!

Answer 1

It appears that rollup is possibly built with idea, that it will be always located in project root, in mind. And once I attempted to place web client builder as a separate app in it's dedicated folder with it's dedicated tsconfig and rollup.config it all gone mad with no clear indications on why that was taking place. Only obvious indication is that rollup-plugin-typescript2 isn't capable to transpile (it's not even attempting to) any *.ts files located in higher folders and it took hell of a time to find this out.

Answer 2

This is probably caused by typescript2 and node-resolve being called in the wrong order:

[@rollup/plugin-node-resolve] Must be before rollup-plugin-typescript2 in the plugin list, especially when browser: true option is used

(from rollup-plugin-typescript2 's documentation )

---

Update

The main issue turned out to be the positioning of some source files in higher folders with respect to the tsconfig root. By default tsconfig excluded them from the compilation:

If the "files" and "include" are both left unspecified, the compiler defaults to including all TypeScript (.ts, .d.ts and .tsx) files in the containing directory and subdirectories

( tsconfig docs )