Merge pull request #10226 from strapi/chore/styled-compo-babel-config

Add babel plugin styled components

packages/core/admin/package.json

@@ -42,6 +42,7 @@
     "@strapi/utils": "3.6.0",
     "axios": "^0.21.1",
     "babel-loader": "8.2.2",
+    "babel-plugin-styled-components": "1.12.0",
     "bcryptjs": "^2.4.3",
     "bootstrap": "^4.6.0",
     "chalk": "^4.1.1",

packages/core/admin/webpack.config.js

@@ -116,6 +116,7 @@ module.exports = ({
                     regenerator: true,
                   },
                 ],
+                [require.resolve('babel-plugin-styled-components'), { pure: true }],
               ],
             },
           },

packages/core/helper-plugin/package.json

@@ -66,6 +66,7 @@
     "@fortawesome/free-solid-svg-icons": "^5.15.3",
     "@fortawesome/react-fontawesome": "^0.1.14",
     "@rollup/plugin-image": "2.0.6",
+    "babel-plugin-styled-components": "1.12.0",
     "bootstrap": "^4.6.0",
     "classnames": "^2.3.1",
     "immutable": "^3.8.2",

packages/core/helper-plugin/rollup.config.js

@@ -53,7 +53,11 @@ export default {
         '@babel/preset-react',
       ],
       babelHelpers: 'runtime',
-      plugins: ['@babel/plugin-transform-runtime', '@babel/plugin-proposal-class-properties'],
+      plugins: [
+        '@babel/plugin-transform-runtime',
+        '@babel/plugin-proposal-class-properties',
+        ['babel-plugin-styled-components', { pure: true }],
+      ],
       exclude: 'node_modules/**',
     }),
     commonjs(),

yarn.lock

@@ -5132,7 +5132,7 @@ babel-plugin-polyfill-regenerator@^0.2.0:
   dependencies:
     "@babel/helper-define-polyfill-provider" "^0.2.0"
 
-"babel-plugin-styled-components@>= 1.12.0":
+babel-plugin-styled-components@1.12.0, "babel-plugin-styled-components@>= 1.12.0":
   version "1.12.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.12.0.tgz#1dec1676512177de6b827211e9eda5a30db4f9b9"
   integrity sha512-FEiD7l5ZABdJPpLssKXjBUJMYqzbcNzBowfXDCdJhOpbhWiewapUaY+LZGT8R4Jg2TwOjGjG4RKeyrO5p9sBkA==