// rsbuild.config.ts import { pluginBabel } from "@rsbuild/plugin-babel"; import { pluginVue2 } from "@rsbuild/plugin-vue2"; import { pluginVue2Jsx } from "@rsbuild/plugin-vue2-jsx"; export default { plugins: [
Provides support for Vue 3 JSX / TSX syntax. This plugin internally integrates@vue/babel-plugin-jsx. For Vue 2 projects, use@rsbuild/plugin-vue2-jsx. Usage Install: npm add @rsbuild/plugin-vue-jsx @rsbuild/plugin-babel -D Add plugin to yourrsbuild.config.ts: ...
test.yml on: push Matrix: test 2 jobs completed Show all jobs Oh hello! Nice to see you. Made with ️ by humans.txt
@rsbuild/plugin-vue2-jsx @modern-js/uni-builder @mango-scripts/react-scripts @rspress/plugin-preview @tongfun/cli @vant/cli @alola-react/uni-builder @shawyw/cli @ftvs/cli rsbuild-pipe @rsbuild/babel-preset @cocoy/react-scripts
在已有项目中使用-vue2 最后的依赖配置如下: { "dependencies" : { "vue": "2.7.16" }, "devDependencies": { "@rsbuild/core": "^1.1.13", "@rsbuild/plugin-babel": "^1.0.3", "@rsbuild/plugin-less": "^1.1.0", "@rsbuild/plugin-vue2": "^1.0.2", "@rsbuild/plugin-vue2-jsx"...
框架无关:Rsbuild 不与前端 UI 框架耦合,并通过插件来支持 React、Vue 3、Vue 2、Svelte、Solid、Lit 等框架,未来也计划支持社区中更多的 UI 框架。 Rsbuild 的构建性能与原生 Rspack 处于同一水平。由于 Rsbuild 内置了更多开箱即用的功能,因此性能数据会略微低于 Rspack。
pluginMdx({mdxLoaderOptions:{// Use Vue JSXjsxImportSource:"vue",},}); extensions Specify the file extensions to be compiled with MDX loader, including .md files and .mdx files by default. Type:string[] Default:['.mdx', '.md'] ...
框架无关:Rsbuild 不与前端 UI 框架耦合,并通过插件来支持 React、Vue 3、Vue 2、Svelte、Solid、Lit 等框架,未来也计划支持社区中更多的 UI 框架。 Rsbuild 的构建性能与原生 Rspack 处于同一水平。由于 Rsbuild 内置了更多开箱即用的功能,因此性能数据会略微低于 Rspack。
The Rspack-based build tool. It's fast, out-of-the-box and extensible. - rsbuild/packages/plugin-vue-jsx/package.json at c6020c420ae6c8c76a5c6085c769c20c8fd6372f · web-infra-dev/rsbuild
import { createRequire } from 'node:module'; import type { RsbuildPlugin } from '@rsbuild/core'; import { modifyBabelLoaderOptions } from '@rsbuild/plugin-babel'; import type { VueJSXPluginOptions } from '@vue/babel-plugin-jsx'; const require = createRequire(import.meta.url); export ...