首先需要安装相关的npm包: pnpm i vite-plugin-babel @babel/core -D 然后进入vite.config.ts文件中使用babel插件,并且将build.target设置为es2015即可 importvuefrom'@vitejs/plugin-vue'importbabelfrom"vite-plugin-babel";importvueJsxfrom'@vitejs/plugin-vue-jsx'exportdefaultdefineConfig({base:'./',plugin...
yarn add vite vue@next @vitejs/plugin-vue @babel/core @babel/preset-env --dev 2. 配置Vite使用Babel 接下来,你需要在项目根目录下创建一个vite.config.js文件,并配置Vite使用Babel插件。以下是一个示例配置: javascript import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'...
安装 yarnadd-Dbabel-plugin-styled-components; 配置:在vite.config.ts中配置plugin: plugins:[react({babel:{plugins:[ ['babel-plugin-styled-components', {displayName:true,fileName:false} ] ] }, }), ]
Vite的react插件已经支持这个功能。请在https://github.com/vitejs/vite-plugin-react/tree/main/...
我正在使用这个实现,一切似乎都像一个魅力工作