带有vite
#javascript #vite #babel

当我看到将打字稿装饰者带到Vanillajs上的进度时，我感到非常高兴。我想在我的Vanillajs + Vite应用程序中尝试一下，并打破了Bammmmmmð¥¥。

eSbuild随附Vite的OOB，不支持装饰师ððððð

只给我留下了babel的选择

然后，我找到了vite-plugin-babel包，对Vite Config进行了很少的更改。它起作用了

这是配置：

import { defineConfig } from 'vite';
import babel from 'vite-plugin-babel';

export default defineConfig({
  base: "/",
  plugins: [
    babel({
      babelConfig: {
        babelrc: false,
        configFile: false,
        plugins: [
          [
            "@babel/plugin-proposal-decorators",
            { loose: true, version: "2022-03" },
          ],
        ],
      },
    }),
  ],
  server: {
    host: true,
    port: 3001,
    open: "/",
  },
});

就是这样。这解决了我的问题，我很高兴地继续使用JavaScript中的装饰器。

fyi，Decorator提议处于阶段3，落后于最终确定的一步。

感谢您的阅读，
kiranðð