Update deps

* Fix webpack configuration to be compatible with postcss-loader 9.0

1 files changed, 8 insertions, 7 deletions

diff --git a/vnext/webpack.config.js b/vnext/webpack.config.js
index 041d3924..0a2ccb1c 100644
--- a/vnext/webpack.config.js
+++ b/vnext/webpack.config.js
@@ -5,8 +5,6 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const ErrorOverlayPlugin = require('error-overlay-webpack-plugin');
-const postcssPresetEnv = require('postcss-preset-env');
-const stylelint = require('stylelint');
 
 module.exports = (env, argv) => {
     const dev = argv.mode !== 'production';
@@ -45,11 +43,14 @@ module.exports = (env, argv) => {
                             loader: 'css-loader'
                         },
                         {
-                            loader: 'postcss-loader', options: {
-                                plugins: () => [
-                                    stylelint(),
-                                    postcssPresetEnv({ stage: 0, autoprefixer: { grid: true } })
-                                ]
+                            loader: 'postcss-loader',
+                            options: {
+                                postcssOptions: {
+                                    plugins: [
+                                        'stylelint',
+                                        ['postcss-preset-env', { stage: 0, autoprefixer: { grid: true } }]
+                                    ]
+                                }
                             }
                         }
                     ]