support importing almost all image types

arefaslani · Feb 13, 2018 · 16d841b · 16d841b
1 parent f49092e
commit 16d841b
Showing 1 changed file with 41 additions and 24 deletions.
diff --git a/next.config.js b/next.config.js
@@ -23,32 +23,49 @@ module.exports = {
       })
     );
 
-    conf.module.rules.push({
-      test: /\.(sc|c)ss$/,
-      use: [
-        {
-          loader: "emit-file-loader",
-          options: {
-            name: "dist/[path][name].[ext].js"
+    conf.module.rules.push(
+      {
+        test: /\.(sc|c)ss$/,
+        use: [
+          {
+            loader: "emit-file-loader",
+            options: {
+              name: "dist/[path][name].[ext].js"
+            }
+          },
+          {
+            loader: "babel-loader",
+            options: {
+              babelrc: false,
+              extends: path.resolve(__dirname, "./.babelrc")
+            }
+          },
+          "styled-jsx-css-loader",
+          { loader: "postcss-loader", options: { sourceMap: dev } },
+          {
+            loader: "sass-loader",
+            options: {
+              sourceMap: dev
+            }
           }
-        },
-        {
-          loader: "babel-loader",
-          options: {
-            babelrc: false,
-            extends: path.resolve(__dirname, "./.babelrc")
+        ]
+      },
+      {
+        test: /\.(jpe?g|png|svg|gif)$/,
+        use: [
+          {
+            loader: "url-loader",
+            options: {
+              limit: 8192,
+              fallback: "file-loader",
+              publicPath: "/_next/",
+              outputPath: "static/images/",
+              name: "[name]-[hash].[ext]"
+            }
           }
-        },
-        "styled-jsx-css-loader",
-        { loader: "postcss-loader", options: { sourceMap: dev } },
-        {
-          loader: "sass-loader",
-          options: {
-            sourceMap: dev
-          }
-        }
-      ]
-    });
+        ]
+      }
+    );
 
     return conf;
   }