const withPlugins = require("next-compose-plugins");
const withSass = require("@zeit/next-sass");
const withImages = require("next-images");
const withCss = require('@zeit/next-css');

const nextConfig = {
  webpack: (config, { buildId, dev, isServer, defaultLoaders }) => {
    config.module.rules.push({
        test: /\.(eot|woff|woff2|ttf|svg|png|jpg|gif)$/,
        use: {
          loader: 'url-loader',
          options: {
            limit: 100000,
            name: '[name].[ext]',
            esModule: false

          }
        }
      })
    return config;
  }
};
module.exports = withPlugins(
  [
    withCss,
    withImages,
    withSass,
  ],
  nextConfig
);