chore: update how svgr is configured

Signed-off-by: Logan McAnsh <[email protected]>
mcansh · Jun 18, 2020 · e81b09e · e81b09e · vercel · Jun 18, 2020
1 parent 2f7b834
commit e81b09e
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 145 deletions.
diff --git a/next.config.js b/next.config.js
@@ -4,6 +4,7 @@ const withOffline = require('next-offline');
 const withBundleAnalyzer = require('@next/bundle-analyzer')({
   enabled: process.env.ANALYZE === 'true',
 });
+const withSVG = require('@mcansh/next-svgr')();
 
 const { version, repository } = require('./package.json');
 
@@ -144,34 +145,10 @@ const nextConfig = {
       };
     }
 
-    config.module.rules.push({
-      test: /\.svg$/,
-      use: [
-        {
-          loader: '@svgr/webpack',
-          options: {
-            svgoConfig: {
-              plugins: [
-                { removeViewBox: false },
-                { removeDimensions: true },
-                {
-                  prefixIds: {
-                    delim: '_',
-                    prefixIds: true,
-                    prefixClassNames: false,
-                  },
-                },
-              ],
-            },
-          },
-        },
-      ],
-    });
-
     return config;
   },
 };
 
 module.exports = withBundleAnalyzer(
-  withSourceMaps(withMDX(withOffline(nextConfig)))
+  withSourceMaps(withMDX(withOffline(withSVG(nextConfig))))
 );