added configuration change to manager-webpack.config

storybookjs · Oct 11, 2019 · 8d4b03e · 8d4b03e
1 parent f24248c
commit 8d4b03e
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 46 deletions.
diff --git a/lib/core/src/server/manager/manager-webpack.config.js b/lib/core/src/server/manager/manager-webpack.config.js
@@ -83,6 +83,9 @@ export default ({
       new CoreJSUpgradeWebpackPlugin({ resolveFrom: __dirname }),
     ].filter(Boolean),
     module: {
+      stats: {
+        errorDetails: true,
+      },
       rules: [
         babelLoader(babelOptions),
         {

diff --git a/lib/core/src/server/preview/base-webpack.config.js b/lib/core/src/server/preview/base-webpack.config.js
@@ -3,57 +3,52 @@ import autoprefixer from 'autoprefixer';
 export function createDefaultWebpackConfig(storybookBaseConfig) {
   return {
     ...storybookBaseConfig,
-    devServer: {
-      stats: {
-        errorDetails: true, // --display-error-details
-      },
-      module: {
-        ...storybookBaseConfig.module,
-        rules: [
-          ...storybookBaseConfig.module.rules,
-          {
-            test: /\.css$/,
-            sideEffects: true,
-            use: [
-              require.resolve('style-loader'),
-              {
-                loader: require.resolve('css-loader'),
-                options: {
-                  importLoaders: 1,
-                },
+    module: {
+      ...storybookBaseConfig.module,
+      rules: [
+        ...storybookBaseConfig.module.rules,
+        {
+          test: /\.css$/,
+          sideEffects: true,
+          use: [
+            require.resolve('style-loader'),
+            {
+              loader: require.resolve('css-loader'),
+              options: {
+                importLoaders: 1,
               },
-              {
-                loader: require.resolve('postcss-loader'),
-                options: {
-                  ident: 'postcss',
-                  postcss: {},
-                  plugins: () => [
-                    require('postcss-flexbugs-fixes'), // eslint-disable-line global-require
-                    autoprefixer({
-                      flexbox: 'no-2009',
-                    }),
-                  ],
-                },
+            },
+            {
+              loader: require.resolve('postcss-loader'),
+              options: {
+                ident: 'postcss',
+                postcss: {},
+                plugins: () => [
+                  require('postcss-flexbugs-fixes'), // eslint-disable-line global-require
+                  autoprefixer({
+                    flexbox: 'no-2009',
+                  }),
+                ],
               },
-            ],
-          },
-          {
-            test: /\.(svg|ico|jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\?.*)?$/,
-            loader: require.resolve('file-loader'),
-            query: {
-              name: 'static/media/[name].[hash:8].[ext]',
             },
+          ],
+        },
+        {
+          test: /\.(svg|ico|jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\?.*)?$/,
+          loader: require.resolve('file-loader'),
+          query: {
+            name: 'static/media/[name].[hash:8].[ext]',
           },
-          {
-            test: /\.(mp4|webm|wav|mp3|m4a|aac|oga)(\?.*)?$/,
-            loader: require.resolve('url-loader'),
-            query: {
-              limit: 10000,
-              name: 'static/media/[name].[hash:8].[ext]',
-            },
+        },
+        {
+          test: /\.(mp4|webm|wav|mp3|m4a|aac|oga)(\?.*)?$/,
+          loader: require.resolve('url-loader'),
+          query: {
+            limit: 10000,
+            name: 'static/media/[name].[hash:8].[ext]',
           },
-        ],
-      },
+        },
+      ],
     },
   };
 }