Merge pull request #171 from mverissimo/feat/babel-emotion

feat(babel): improve config

Author: mverissimo

babel.config.js

@@ -0,0 +1,54 @@
+const isProd = process.env.NODE_ENV === 'production';
+
+module.exports = (api) => {
+  api.cache(true);
+
+  const presets = [
+    '@babel/preset-typescript',
+    [
+      '@babel/preset-env',
+      {
+        loose: true,
+        targets: {
+          esmodules: !isProd,
+        },
+      },
+    ],
+    isProd && [
+      '@babel/preset-react',
+      {
+        runtime: 'automatic',
+      },
+    ],
+    !isProd && [
+      '@babel/preset-react',
+      {
+        development: true,
+        runtime: 'automatic',
+        importSource: '@emotion/react',
+      },
+    ],
+    !isProd && [
+      '@emotion/babel-preset-css-prop',
+      {
+        labelFormat: '[filename]--[local]',
+      },
+    ],
+  ].filter(Boolean);
+
+  const plugins = [
+    'lodash',
+    isProd && [
+      '@emotion',
+      {
+        sourceMap: false,
+        autoLabel: 'never',
+      },
+    ],
+  ].filter(Boolean);
+
+  return {
+    presets,
+    plugins,
+  };
+};

package.json

@@ -23,7 +23,7 @@
     "lint:fix": "yarn lint --fix",
     "test": "jest --watch",
     "test:ci": "jest --ci --coverage --runInBand --json --outputFile=reports/jest/results.json",
-    "build": "preconstruct build",
+    "build": "NODE_ENV=production preconstruct build",
     "prepublishOnly": "yarn build",
     "release": "semantic-release"
   },
@@ -67,6 +67,7 @@
     "@babel/preset-typescript": "7.12.7",
     "@commitlint/cli": "11.0.0",
     "@commitlint/config-conventional": "11.0.0",
+    "@emotion/babel-plugin": "^11.1.2",
     "@emotion/babel-preset-css-prop": "^11.0.0",
     "@emotion/eslint-plugin": "^11.0.0",
     "@emotion/jest": "^11.1.0",
@@ -82,6 +83,7 @@
     "@typescript-eslint/parser": "4.14.0",
     "babel-eslint": "10.1.0",
     "babel-jest": "26.6.3",
+    "babel-plugin-lodash": "^3.3.4",
     "cz-conventional-changelog": "3.3.0",
     "docz": "2.3.1",
     "eslint": "7.18.0",