Webpack 网页包中的自动引用程序没有前缀

我从零开始整理了我的第一个非常简单的网页包配置。在本文中，我希望捆绑JS，并编译、最小化和自动刷新SCS

代码如下所示：

const autoprefixer = require('autoprefixer');
module.exports = {
    plugins: [autoprefixer,],};

webpack.config.js

const path = require('path');

module.exports = {
  entry: ['./src/index.js', './src/scss/main.scss'],
  output: {
    filename: 'application.js',
    path: path.resolve(__dirname, 'assets'),
  },
  module: {
        rules: [
            {
                test: /\.scss$/,
                use: [
                    {
                        loader: 'file-loader',
                        options: {
                            name: 'application.css',
                        }
                    },
                    {
                        loader: 'extract-loader'
                    },
                    {
                        loader: 'css-loader?-url'
                    },
                    {
                        loader: 'postcss-loader'
                    },
                    {
                        loader: 'sass-loader'
                    }
                ]
            }
        ]
    }
};

module.exports = {
  plugins: [
    require('autoprefixer')
  ]
}

postsss.config.js

const path = require('path');

module.exports = {
  entry: ['./src/index.js', './src/scss/main.scss'],
  output: {
    filename: 'application.js',
    path: path.resolve(__dirname, 'assets'),
  },
  module: {
        rules: [
            {
                test: /\.scss$/,
                use: [
                    {
                        loader: 'file-loader',
                        options: {
                            name: 'application.css',
                        }
                    },
                    {
                        loader: 'extract-loader'
                    },
                    {
                        loader: 'css-loader?-url'
                    },
                    {
                        loader: 'postcss-loader'
                    },
                    {
                        loader: 'sass-loader'
                    }
                ]
            }
        ]
    }
};

module.exports = {
  plugins: [
    require('autoprefixer')
  ]
}

在package.json中，我设置了以下内容：

"browserslist": [
    "defaults"
  ],

---

我没有看到任何前缀，所以我很好奇我做错了什么。我遗漏了什么吗？

通过执行以下操作，确保您已将autoprefixer作为开发人员依赖项安装在项目中：

npm i autoprefixer -D

您的postsss.config.js应该如下所示：

const autoprefixer = require('autoprefixer');
module.exports = {
    plugins: [autoprefixer,],};

---

看起来这一直都在起作用。我只是希望

“defaults”

设置会创建比实际更多的前缀。将设置更改为

“last 2 versions”

会得到预期的输出