fix configurations

Author: anadis504

.babelrc

@@ -0,0 +1 @@
+engine-strict=true

.npmrc

@@ -2,12 +2,12 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const externallyEmbeddableIFrameResponseHeaders =
   require("./src/shared-module/utils/responseHeaders").externallyEmbeddableIFrameResponseHeaders
+const svgoConfig = require("./src/shared-module/utils/svgoConfig")
 
 const config = {
   eslint: {
     ignoreDuringBuilds: true,
   },
-  output: "standalone",
   async headers() {
     return [
       {
@@ -22,6 +22,32 @@ const config = {
       },
     ]
   },
+  output: "standalone",
+  webpack(config) {
+    config.module.rules.push({
+      test: /\.svg$/i,
+      issuer: /\.[jt]sx?$/,
+      loader: "@svgr/webpack",
+      options: {
+        svgoConfig: svgoConfig,
+      },
+    })
+
+    return config
+  },
+  compiler: {
+    emotion: {
+      autoLabel: "always",
+      labelFormat: "[dirname]--[filename]--[local]",
+    },
+  },
+  experimental: {
+    modularizeImports: {
+      lodash: {
+        transform: "lodash/{{member}}",
+      },
+    },
+  },
 }
 
 if (process.env.NEXT_PUBLIC_BASE_PATH) {