From b019a1b0c7cec3a771941ec054e4163216f722d0 Mon Sep 17 00:00:00 2001
From: Stupid <sunfeng32@qq.com>
Date: Fri, 26 May 2017 22:23:28 -0700
Subject: [PATCH] docs(custom-webpack-config): rules not loaders

---
 docs/pages/configurations/custom-webpack-config/index.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/pages/configurations/custom-webpack-config/index.md b/docs/pages/configurations/custom-webpack-config/index.md
index 9ba8888d4623..bfa2b6849c93 100644
--- a/docs/pages/configurations/custom-webpack-config/index.md
+++ b/docs/pages/configurations/custom-webpack-config/index.md
@@ -23,10 +23,10 @@ const path = require('path');
 
 module.exports = {
   module: {
-    loaders: [
+    rules: [
       {
         test: /\.scss$/,
-        loaders: ["style", "css", "sass"],
+        loaders: ["style-loader", "css-loader", "sass-loader"],
         include: path.resolve(__dirname, '../')
       }
     ]
@@ -67,9 +67,9 @@ module.exports = function(storybookBaseConfig, configType) {
   // 'PRODUCTION' is used when building the static version of storybook.
 
   // Make whatever fine-grained changes you need
-  storybookBaseConfig.module.loaders.push({
+  storybookBaseConfig.module.rules.push({
     test: /\.scss$/,
-    loaders: ["style", "css", "sass"],
+    loaders: ["style-loader", "css-loader", "sass-loader"],
     include: path.resolve(__dirname, '../')
   });