Combining CSS image loading and SASS in next.config.js

gistfile1.txt

const withCSS = require("@zeit/next-css");
const cssConfig = withCSS({ 
  cssModules: true,
  webpack: config => {  
    config.module.rules.push({
      test: /\.(eot|woff|woff2|ttf|svg|png|jpg|gif)$/,
      use: {
        loader: "url-loader",
        options: {
          limit: 100000,
          name: "[name].[ext]"
        }
      }
    });  

    return config;
  }
});

const withSass = require('@zeit/next-sass')
const sassConfig = withSass();

module.exports = Object.assign(
  cssConfig, { target: "serverless" },
  sassConfig, { target: "serverless" }  
);