fix(customizers/webpack) error in loading postcss loader when using less in webpack 5

Author: [email protected]

src/customizers/webpack.js

@@ -143,6 +143,9 @@ export const addLessLoader = (loaderOptions = {}, customCssModules = {}) => conf
   const publicPath = config.output.publicPath;
   const shouldUseRelativeAssetPaths = publicPath === "./";
 
+  const { version } = require('webpack');
+  const webpackVersion = version.split(".")[0] * 1
+
   // copy from react-scripts
   // https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/config/webpack.config.js#L93
   const getStyleLoaders = (cssOptions, preProcessor) => {
@@ -156,7 +159,7 @@ export const addLessLoader = (loaderOptions = {}, customCssModules = {}) => conf
         loader: require.resolve("css-loader"),
         options: cssOptions
       },
-      {
+      webpackVersion < 5 && {
         loader: require.resolve("postcss-loader"),
         options: {
           ident: "postcss",