feat(plugin-react-refresh): support configure babel plugins

fix: #3276
vitejs · Sep 17, 2021 · 8cfd71e · 8cfd71e
1 parent b9e837a
commit 8cfd71e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/packages/plugin-react-refresh/README.md b/packages/plugin-react-refresh/README.md
@@ -25,6 +25,16 @@ export default {
 }
 ```
 
+## Specifying Additional Babel Plugins
+
+```js
+export default {
+  plugins: [reactRefresh({
+    plugins: ['@emotion/babel-plugin']
+  })]
+}
+```
+
 [Full list of Babel parser plugins](https://babeljs.io/docs/en/babel-parser#ecmascript-proposalshttpsgithubcombabelproposals).
 
 ## Specifying files to include or exclude from refreshing

diff --git a/packages/plugin-react-refresh/index.js b/packages/plugin-react-refresh/index.js
@@ -2,6 +2,7 @@
 const fs = require('fs')
 const { transformSync, ParserOptions } = require('@babel/core')
 const { createFilter } = require('@rollup/pluginutils')
+
 const runtimePublicPath = '/@react-refresh'
 const runtimeFilePath = require.resolve(
   'react-refresh/cjs/react-refresh-runtime.development.js'
@@ -100,7 +101,7 @@ function reactRefreshPlugin(opts) {
         // commonly used with TS.
         parserPlugins.push('typescript', 'decorators-legacy')
       }
-      if (opts && opts.parserPlugins) {
+      if (opts && Array.isArray(opts.parserPlugins)) {
         parserPlugins.push(...opts.parserPlugins)
       }
 
@@ -120,7 +121,8 @@ function reactRefreshPlugin(opts) {
         plugins: [
           require('@babel/plugin-transform-react-jsx-self'),
           require('@babel/plugin-transform-react-jsx-source'),
-          [require('react-refresh/babel'), { skipEnvCheck: true }]
+          [require('react-refresh/babel'), { skipEnvCheck: true }],
+          ...(opts && Array.isArray(opts.plugins) ? opts.plugins : [])
         ],
         ast: !isReasonReact,
         sourceMaps: true,