fix(nextjs): fix .babelrc for emotion v11 (#6728)

2021-08-19 22:45:16 +09:00 · 2021-08-19 22:45:16 +09:00 · 0841b55465
commit 0841b55465
parent 3748292d9d
1 changed files with 16 additions and 1 deletions
--- a/packages/next/src/generators/application/files/.babelrctmpl
+++ b/packages/next/src/generators/application/files/.babelrctmpl
@ -1,6 +1,21 @@
 {
-  "presets": ["@nrwl/next/babel"],
+  "presets": [
+    <% if (style === '@emotion/styled') { %>
+    [
+      "@nrwl/next/babel",
+      {
+        "preset-react": {
+          "runtime": "automatic",
+          "importSource": "@emotion/react"
+        }
+      }
+    ]
+    <% } else { %>
+    "@nrwl/next/babel"
+    <% } %>
+  ],
  "plugins": [
+    <% if (style === '@emotion/styled') { %>"@emotion/babel-plugin"<% } %>
    <% if (style === 'styled-components') { %>["styled-components", { "pure": true, "ssr": true }]<% } %>
  ]
 }