set up sass config for next. work around for next-sass issue here: ve…

…rcel/next-plugins#541

components/Header/Header.scss

@@ -0,0 +1,3 @@
+.header {
+  display: inline-block;
+}

components/Header/index.js

@@ -0,0 +1,9 @@
+import React from "react";
+
+const Header = () => (
+  <div className="header">
+    <h1>Welcome to Next.js</h1>
+  </div>
+);
+
+export default Header;

next.config.js

@@ -0,0 +1,23 @@
+const withSass = require('@zeit/next-sass');
+
+function HACK_removeMinimizeOptionFromCssLoaders(config) {
+  console.warn(
+    'HACK: Removing `minimize` option from `css-loader` entries in Webpack config',
+  );
+  config.module.rules.forEach(rule => {
+    if (Array.isArray(rule.use)) {
+      rule.use.forEach(u => {
+        if (u.loader === 'css-loader' && u.options) {
+          delete u.options.minimize;
+        }
+      });
+    }
+  });
+}
+
+module.exports = withSass({
+  webpack(config) {
+    HACK_removeMinimizeOptionFromCssLoaders(config);
+    return config;
+  },
+});