rollup是否支持rollup配置文件中的typescript？

Question

似乎我们可以使用typescript来编写汇总配置文件。比方说，我可以创建一个名为rollup.config.ts的文件，其内容如下：

import typescript from 'rollup-plugin-typescript2';

export default {
  input: 'main.ts',
  plugins: [typescript()],
  output: {
    file: 'bundle.js',
    format: 'cjs',
  },
  external: ['lodash']
}

如果我以rollup -c rollup.config.ts的身份调用rollup，它就能正常工作。

但是如果我在其中使用了一些类型：

import typescript from 'rollup-plugin-typescript2';
import {RollupFileOptions} from "rollup";

const config: RollupFileOptions = {
  input: 'main.ts',
  plugins: [typescript()],
  output: {
    file: 'bundle.js',
    format: 'cjs',
  },
  external: ['lodash']
}

export default config;

它将报告如下错误：

$ rollup -c rollup.config.ts
[!] Error: Unexpected token
rollup.config.ts (4:12)
2: import {RollupFileOptions} from "rollup";
3: 
4: const config: RollupFileOptions = {
                 ^

有没有可能让它工作呢？我尝试使用ts-node和

Answer 1

目前，虽然还不支持JSDoc，但它可能对输入检查汇总配置很有用。(它只适用于支持JSDoc的编辑器。例如VSCode)。

/** @type {import('rollup').RollupOptions} */
const options = {
  ...
};

export default options;

Answer 2

您可以创建一个单独的rollup.config.js，如下所示：

require('ts-node').register({
  compilerOptions: {
    module: 'CommonJS'
  },
  // and other tsconfig.json options as you like
});

module.exports = require('./rollup.config.ts');

当然，您需要npm install --save-dev ts-node。然后运行npx rollup -c，您就可以开始比赛了。

Answer 3

使用Rollup v2.52.0，您可以将--configPlugin选项指定为：

rollup --config rollup.config.ts --configPlugin typescript