авторефиксер не определен

Question

В моем файле webpack.config.dev.js в папке config я попытался добавить загрузчик, чтобы мои файлы .scss могли обрабатывать:

      {
        test: /\.css$/,
        use: [
          require.resolve('style-loader'),
          {
            loader: require.resolve('css-loader'),
            options: {
              importLoaders: 1,
            },
          },
          {
            loader: require.resolve('postcss-loader'),
            options: {
              // Necessary for external CSS imports to work
              ident: 'postcss',
              plugins: () => [
                require('postcss-flexbugs-fixes'),
                autoprefixer({
                  browsers: [
                    '>1%',
                    'last 4 versions',
                    'Firefox ESR',
                    'NOT IE < 9', // React doesn't support IE8 anyway
                  ],
                  flexbox: 'no-2009',
                }),
              ],
            },
          },
        ],
      },
      {
        test: /\.scss$/,
        loaders: [
          require.resolve('style-loader'),
          require.resolve('css-loader'),
          require.resolve('sass-loader')
        ]
      }, 

Однако я получаю следующую ошибку:.

Не удалось скомпилировать.

. / Src / index.scss (./node_modules/css-loader??ref--6-oneOf-5-1!./node_modules/postcss-loader / src ?? postcss! ./ node_modules / sass-loader / lib / loader.js! ./ src / index.scss) ReferenceError: autoprefixer не определен

Кто-нибудь может помочь?