我如何使用 vite 启用“@babel/plugin-proposal-decorators”

Question

 > src/App.jsx:22:0: error: Unexpected "@"\n    22 \xe2\x94\x82 @observer\n\nerror when starting dev server:\nError: Build failed with 1 error:\nsrc/App.jsx:22:0: error: Unexpected "@"\n

\n

我使用观察者作为装饰器然后我得到了错误。在文档中找不到启用此选项的位置。

\n

Answer 1

Vite的react插件已经支持这个了。检查此处的文档 https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#proposed-syntax。您无需安装任何新软件包。以下配置应该有效，

import { defineConfig } from 'vite';
import reactSupport from '@vitejs/plugin-react';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [reactSupport({
    babel: {
      parserOpts: {
        plugins: ['decorators-legacy', 'classProperties']
      }
    }
  })],
  server: {
    port: 3000
  }
});

Answer 2

不，你不能。必须等待此问题解决：https ://github.com/vitejs/vite/issues/2238