vite5 +vue2 中非js & jsx文件支持 jsx语法插件

plugin-vue2-jsx-vite5

该插件可以支持最新的vite5 + vue2 非js & jsx文件中写入jsx语法解析

原官网的插件 @vitejs/plugin-vue2-jsx 2023年已经停止维护vue2的内容了,需要社区去维护

使用

注意事项,node版本必须大于v20+,不然项目运行会有其他问题

js 复制代码
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue2'
import vue2Jsx from 'plugin-vue2-jsx-vite5'
export default defineConfig({
  base: "/",
  plugins: [
    vue(),
    vue2Jsx({
      include: [/\.[jt]sx$/, /\.vue$/]
    })
  ]
})
相关推荐
Waker16 小时前
🚀 Turbo 使用指南
前端
立方世界16 小时前
CSS水平垂直居中方法深度分析
前端·css
恋猫de小郭16 小时前
Fluttercon EU 2025 :Let's go far with Flutter
android·前端·flutter
Samsong16 小时前
如何调用逆向出来的JS代码
javascript·逆向
殇蓝16 小时前
react-lottie动画组件封装
前端·react.js·前端框架
05Nuyoah16 小时前
DAY 04 CSS文本,字体属性以及选择器
前端·css
一條狗16 小时前
学习日报 20250928|React 中实现 “实时检测”:useEffect 依赖项触发机制详解
前端·react.js
Gazer_S16 小时前
【React 状态管理深度解析:Object.is()、Hook 机制与 Vue 对比实践指南】
前端·react.js·前端框架
Nicholas6816 小时前
flutter视频播放器video_player_avfoundation之AVFoundationVideoPlayer(三)
前端