Add custom webpack config

Author: Dave Ferris

.storybook/webpack.config.js

@@ -0,0 +1,11 @@
+const path = require('path');
+
+module.exports = function({ config }) {
+  config.module.rules.push({
+    test: /\.scss$/,
+    loaders: ['style-loader', 'css-loader', 'sass-loader'],
+    include: path.resolve(__dirname, '../')
+  });
+
+  return config;
+};

package.json

@@ -13,8 +13,6 @@
   "scripts": {
     "build": "NODE_ENV=production babel src --out-dir lib",
     "lint": "eslint . --ext .js,.jsx",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
     "storybook": "start-storybook -p 9009 -s public",
     "build-storybook": "build-storybook -s public",
     "build-storybook-docs": "build-storybook -s public --docs",
@@ -53,11 +51,13 @@
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "babel-preset-env": "^1.7.0",
     "babel-preset-react": "^6.24.1",
+    "css-loader": "^3.4.2",
     "eslint-config-airbnb": "^18.0.1",
     "eslint-import-resolver-webpack": "^0.11.1",
     "eslint-plugin-babel": "^5.3.0",
     "eslint-utils": "^1.4.3",
-    "react-scripts": "3.2.0"
+    "sass-loader": "^8.0.2",
+    "style-loader": "^1.1.3"
   },
   "description": "UI Storybook design system",
   "files": [