title: How to combine and use multiple Next.js plugins
body: <p>I would like to use <code>css</code> and <code>scss</code> in <code>next.js</code>app.</p>
  
  <p>I have <code>next.config.js</code> in my project.</p>
  
  <p>This configuration is for <code>scss</code>:</p>
  
  <pre><code>// next.config.js
  const withSass = require('@zeit/next-sass');
  
  module.exports = withSass({
      cssModules: true,
      cssLoaderOptions: {
          importLoaders: 1,
          localIdentName: "[local]___[hash:base64:5]",
      }
  })
  </code></pre>
  
  <p>I don't know how to combine <code>const withCSS = require('@zeit/next-css');</code> with my current config.</p>
  
  <p>I would like to use custom config for <code>scss</code> (from my code snipet).</p>
  
  <p>Can someone help me configure next for <code>css</code> and <code>scss</code> modules?</p>
  
  <p>I tried: </p>
  
  <pre><code>// // next.config.js
  const withSass = require('@zeit/next-sass');
  const withCSS = require('@zeit/next-css');
  
  module.exports = withCSS(withSass({
      cssModules: true,
      cssLoaderOptions: {
          importLoaders: 1,
          localIdentName: "[local]___[hash:base64:5]",
      }
  }))
  </code></pre>
  
  <p><strong>Not working...</strong></p>