Merge pull request #1062 from danielduan/postcss-config

Upgraded webpack PostCSS plugin definition
storybookjs · May 19, 2017 · a47d8d1 · a47d8d1
2 parents 38f8e92 + 63e5dc2
commit a47d8d1
Showing 1 changed file with 11 additions and 13 deletions.
diff --git a/app/react/src/server/config/defaults/webpack.config.js b/app/react/src/server/config/defaults/webpack.config.js
@@ -5,18 +5,7 @@ import { includePaths, excludePaths } from '../utils';
 // Add a default custom config which is similar to what React Create App does.
 module.exports = storybookBaseConfig => {
   const newConfig = { ...storybookBaseConfig };
-  newConfig.plugins = [
-    ...storybookBaseConfig.plugins,
-    new webpack.LoaderOptionsPlugin({
-      options: {
-        postcss: [
-          autoprefixer({
-            browsers: ['>1%', 'last 4 versions', 'Firefox ESR', 'not ie < 9'],
-          }),
-        ],
-      },
-    }),
-  ];
+
   newConfig.module.rules = [
     ...storybookBaseConfig.module.rules,
     {
@@ -31,7 +20,16 @@ module.exports = storybookBaseConfig => {
             importLoaders: 1,
           },
         },
-        'postcss-loader',
+        {
+          loader: 'postcss-loader',
+          options: {
+            plugins: () => [
+              autoprefixer({
+                browsers: ['>1%', 'last 4 versions', 'Firefox ESR', 'not ie < 9'],
+              }),
+            ],
+          },
+        },
       ],
     },
     {