feat(plugin-vue-jsx): jsx plugin should have extra babel plugins opti…

…on (#3923)
vitejs · Jun 25, 2021 · aada0c5 · aada0c5
1 parent cff2fcd
commit aada0c5
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/packages/plugin-vue-jsx/index.d.ts b/packages/plugin-vue-jsx/index.d.ts
@@ -8,7 +8,7 @@ declare interface FilterOptions {
 }
 
 declare function createPlugin(
-  options?: VueJSXPluginOptions & FilterOptions
+  options?: VueJSXPluginOptions & FilterOptions & { babelPlugins?: any[] }
 ): Plugin
 
 export default createPlugin
diff --git a/packages/plugin-vue-jsx/index.js b/packages/plugin-vue-jsx/index.js
@@ -30,12 +30,12 @@ function ssrRegisterHelper(comp, filename) {
 
 /**
  * @typedef { import('@rollup/pluginutils').FilterPattern} FilterPattern
- * @typedef { { include?: FilterPattern, exclude?: FilterPattern } } CommonOtions
+ * @typedef { { include?: FilterPattern, exclude?: FilterPattern, babelPlugins?: any[] } } CommonOptions
  */
 
 /**
  *
- * @param {import('@vue/babel-plugin-jsx').VueJSXPluginOptions & CommonOtions} options
+ * @param {import('@vue/babel-plugin-jsx').VueJSXPluginOptions & CommonOptions} options
  * @returns {import('vite').Plugin}
  */
 function vueJsxPlugin(options = {}) {
@@ -78,12 +78,21 @@ function vueJsxPlugin(options = {}) {
     },
 
     transform(code, id, ssr) {
-      const { include, exclude, ...babelPluginOptions } = options
+      const {
+        include,
+        exclude,
+        babelPlugins = [],
+        ...babelPluginOptions
+      } = options
 
       const filter = createFilter(include || /\.[jt]sx$/, exclude)
 
       if (filter(id)) {
-        const plugins = [importMeta, [jsx, babelPluginOptions]]
+        const plugins = [
+          importMeta,
+          [jsx, babelPluginOptions],
+          ...babelPlugins
+        ]
         if (id.endsWith('.tsx')) {
           plugins.push([
             require('@babel/plugin-transform-typescript'),