title: React - Next.js configuration with cssModules and url-loader
body: <p>I need to configure <strong>next.config.js</strong> file in order to use in the same time two different loaders.
  This is the first:</p>
  
  <pre><code>const withSass = require('@zeit/next-sass');
  
  module.exports = withSass({
      cssModules: true,
      cssLoaderOptions: {
          importLoaders: 1,
          localIdentName: "[local]___[hash:base64:5]",
      }
  })
  </code></pre>
  
  <p>And this is the second:</p>
  
  <pre><code>const withSass = require('@zeit/next-sass');
  const withCSS = require('@zeit/next-css');
  
  module.exports = withCSS(withSass({
      webpack (config, options) {
          config.module.rules.push({
              test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
              use: {
                  loader: 'url-loader',
                  options: {
                      limit: 100000
                  }
              }
          })
          return config
      }
  }))
  </code></pre>
  
  <p>Individually they work great!
  But I'm not able to combine them in a single rule so that both can work together.</p>
  
  <p>Thanks for your help!!</p>