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

Question

似乎我们可以使用typescript来编写汇总配置文件。比如说，我可以创建一个名为rollup的文件。配置。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的形式调用rollup，它就会工作。配置。ts。

但如果我在其中使用一些打字：

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节点

Answer 1

使用汇总v2。52.0中，您可以将一个--configPlugin选项指定为：

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

Answer 2

您可以创建一个单独的汇总。配置。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

同时，虽然JSDoc还不受支持，但它可能对检查汇总配置很有用。（它只适用于支持JSDoc的编辑器，例如VSCode）。

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

export default options;