feat: ⚡️storybook upgrade (close #26)

resolve #26

Author: y0c

.storybook/webpack.config.js

@@ -1,23 +1,27 @@
 // load the default config generator.
 const path = require('path');
 
-module.exports = (baseConfig, env, defaultConfig) => {
+module.exports = ({ config }) => {
   // Extend it as you need.
   // For example, add typescript loader:
-  defaultConfig.module.rules.push({
+  config.module.rules.push({
     test: /\.(ts|tsx)$/,
     use: [
       require.resolve('awesome-typescript-loader'),
       require.resolve('react-docgen-typescript-loader'),
     ],
   });
 
-  defaultConfig.module.rules.push({
+  config.module.rules.push({
     test: /\.scss$/,
-    loaders: ['style-loader', 'css-loader', 'sass-loader'],
+    use: [
+      require.resolve('style-loader'),
+      require.resolve('css-loader'),
+      require.resolve('sass-loader'),
+    ],
   });
 
-  defaultConfig.resolve.modules.push(path.join(__dirname, '../'));
-  defaultConfig.resolve.extensions.push('.ts', '.tsx');
-  return defaultConfig;
+  config.resolve.modules.push(path.join(__dirname, '../'));
+  config.resolve.extensions.push('.ts', '.tsx');
+  return config;
 };

package.json

@@ -75,20 +75,21 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.2.2",
-    "@storybook/addon-actions": "^4.1.11",
-    "@storybook/addon-info": "^4.1.11",
-    "@storybook/addon-jest": "^4.1.11",
-    "@storybook/addon-knobs": "^4.1.11",
-    "@storybook/addon-links": "^4.1.11",
-    "@storybook/addon-options": "^4.1.11",
-    "@storybook/addons": "^4.1.11",
-    "@storybook/cli": "^4.1.11",
-    "@storybook/react": "^4.1.11",
+    "@babel/core": "^7.4.3",
+    "@emotion/core": "^10.0.10",
+    "@storybook/addon-actions": "^5.0.6",
+    "@storybook/addon-info": "^5.0.6",
+    "@storybook/addon-jest": "^5.0.6",
+    "@storybook/addon-knobs": "^5.0.6",
+    "@storybook/addon-links": "^5.0.6",
+    "@storybook/addon-options": "^5.0.6",
+    "@storybook/addons": "^5.0.6",
+    "@storybook/cli": "^5.0.6",
+    "@storybook/react": "^5.0.6",
     "@storybook/storybook-deployer": "^2.8.1",
     "@types/classnames": "^2.2.6",
     "@types/enzyme": "^3.1.15",
-    "@types/jest": "^23.3.12",
+    "@types/jest": "^24.0.11",
     "@types/lodash": "^4.14.118",
     "@types/react": "^16.7.13",
     "@types/react-dom": "^16.0.11",
@@ -98,7 +99,7 @@
     "@types/storybook__react": "^4.0.0",
     "awesome-typescript-loader": "^5.2.1",
     "babel-loader": "^8.0.5",
-    "clean-webpack-plugin": "0.1.19",
+    "clean-webpack-plugin": "2.0.1",
     "cross-env": "5.2.0",
     "css-loader": "2.1.0",
     "enzyme": "^3.8.0",
@@ -107,7 +108,7 @@
     "file-loader": "3.0.1",
     "html-webpack-plugin": "3.2.0",
     "husky": "^1.3.1",
-    "jest": "^23.6.0",
+    "jest": "^24.7.0",
     "lint-staged": "^8.1.0",
     "node-sass": "4.11.0",
     "prettier": "^1.15.3",
@@ -117,13 +118,13 @@
     "sass-loader": "7.1.0",
     "sinon": "^7.2.2",
     "style-loader": "0.23.1",
-    "ts-jest": "^23.10.5",
+    "ts-jest": "^24.0.1",
     "ts-loader": "^5.3.3",
     "ts-mockito": "^2.3.1",
     "tslint": "^5.12.1",
     "tslint-config-airbnb": "^5.11.1",
     "tslint-config-prettier": "^1.17.0",
-    "tslint-react": "^3.6.0",
+    "tslint-react": "^4.0.0",
     "typescript": "^3.2.2",
     "url-loader": "^1.1.2",
     "webpack": "4.28.4",