Webpack 未定义自动引用器

在config文件夹中的webpack.config.dev.js文件中，我尝试添加加载程序，以便.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')
        ]
      }, 

{
测试：/\.css$/,，
使用：[
require.resolve（'style-loader'），
{
加载器：require.resolve（'css-loader'），
选项：{
进口装载机：1，
},
},
{
加载器：require.resolve（'postss-loader'），
选项：{
//外部CSS导入工作所必需的
标识：'邮政编码'，
插件：（）=>[
需要（'PostSS-flexbugs-fixes'），
自动刷新器({
浏览器：[
'>1%',
“最后4个版本”，
“Firefox ESR”，
'不是IE<9'，//React无论如何都不支持IE8
],
flexbox:‘no-2009’，
}),
],
},
},
],
},
{
测试：/\.scss$/,，
装载机：[
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/postss loader/src？？postss！。/node_modules/sass loader/lib/loader.js！。/src/index.scss） ReferenceError:未定义autoprefixer

---

有人能帮忙吗？

autoprefixer

没有定义，您必须导入它。当然！我添加了const autoprefixer=require（'autoprefixer'）；到我的webpack.config.dev.js。。。谢谢