gulp / rollup / typescript — __decorate 未定义

Question

我有这个gulpfile.js

import gulp from 'gulp';
import { rollup } from 'rollup';
import rollupTypescript from '@rollup/plugin-typescript'

const compileTs = async (src, dest) => {
  const bundle = await rollup({
    input: src,
    plugins: [
      rollupTypescript()
    ]
  });

  await bundle.write({
    file: dest,
    format: 'es',
    name: 'library',
    sourcemap: 'inline'
  });
}

export const ts = async _ => await Promise.all([
    compileTs('./src/ts/main.ts', './bin/js/bin.js')
  ]);

在 tsconfig.json（同一目录）中我有：

compilerOptions: {
  "target": "ESNEXT",
  "module": "ESNext",
  "importHelpers": true, 
  "experimentalDecorators": true
}

在src/ts/main.ts内有：

const Foo = (fx: Function) => {
  console.log(fx);
}

@Foo
class Bar {

}

$ npx gulp ts 创建所需的文件。但是当我运行它时，控制台告诉我：

Uncaught ReferenceError: __decorate is not defined

因为不包括来自 tslib 的所有助手。

我该怎么做才能解决这个问题？我曾尝试使用 external: ['tslib']，但没有成功。

顺便说一句： 只需运行ning npx tsc（加上 outdir 集）包括 __decorate

Answer 1

我运行以前遇到过完全相同的情况。问题可能是选项 importHelper 被排除在外 https://github.com/rollup/plugins/tree/master/packages/typescript#ignored-options.

我确实通过切换到使用默认启用此选项的 rollup-plugin-typescript2 来解决。

// Install `npm i -D rollup-plugin-typescript2`
import typescript from 'rollup-plugin-typescript2';

gulp / rollup / typescript — __decorate 未定义

gulp / rollup / typescript — __decorate is not defined

typescript

gulp

rollupjs

typescript-decorator