Rollup typescript 装饰器支持

Question

我收到以下错误消息：

错误：解析错误：第 29 行：意外的标记非法

对应的代码行是mobx观察者装饰器：

@observer
class Wrapper extends Component<IProps> {

我有以下 rollup.config.js：

import typescript from 'rollup-plugin-typescript2'
import jsx from 'rollup-plugin-jsx'
import pkg from './package.json'
export default {
  input: 'src/index.ts',
  output: [
    {
      file: pkg.main,
      format: 'cjs',
    },
    {
      file: pkg.module,
      format: 'es',
    },
  ],
  external: [
    ...Object.keys(pkg.dependencies || {}),
    ...Object.keys(pkg.peerDependencies || {}),
  ],
plugins: [
    jsx( {factory: 'React.createElement'} ),
    typescript({
      typescript: require('typescript'),
    }),
  ],
}

我的 tsconfig.json：

{
  "compilerOptions": {
    "declaration": true,
    "declarationDir": "./dist",
    "module": "es6",
    "experimentalDecorators": true,
    "outDir": "./dist",
    "target": "es5",
    "jsx": "react",
    "types": ["reflect-metadata", "node"],
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "strictPropertyInitialization": false,
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "noEmit": true,
    "emitDecoratorMetadata": true,
    "noEmitHelpers": true,
    "importHelpers": true,
    "sourceMap": true,
    "noImplicitReturns": false,
    "noImplicitThis": false,
    "noImplicitAny": false,
    "strictNullChecks": false,
    "suppressImplicitAnyIndexErrors": false,
    "noUnusedLocals": true
  },
  "include": [
    "src/**/*"
  ],
  "exclude": ["node_modules"]
}

据文档显示，https://github.com/ezolenko/rollup-plugin-typescript2插件应该从我的 tsconfig.json 文件中获取所有选项，还有“experimentalDecorators”：true，但似乎不起作用。

Answer 1

不能 100% 确定这适用，因为我的错误略有不同 ( Error: Unexpected character '@')。

但是，通过 Rollup 与 TypeScript 装饰器一起解决问题的方法是outDir从tsconfig.json.