0

我在 Webpack 3 中使用 postcss、autoprefixer 和 extract-text-webpack-plugin，但是在编译时我缺少前缀。编译后的 css 仅包含 -webkit 前缀，而不包含 -ms 和 -moz 前缀。

我不确定我做错了什么。

我的配置：

module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: 'babel-loader'
            },
            {
                test: /\.s[ac]ss$/,
                loader: ExtractText.extract({
                    use: [
                        {
                            loader: 'css-loader',
                            options: {
                                sourceMap: true
                            }
                        },
                        {
                            loader: 'postcss-loader',
                            options: {
                                ident: 'postcss',
                                sourceMap: true,
                                plugins: () => [autoprefixer()]
                            }
                        },
                        {
                            loader: 'sass-loader',
                            options: {
                                sourceMap: true
                            }
                        }
                    ],
                    fallback: 'style-loader',
                })
            },
            {
                test: /\.(eot|svg|ttf|woff|woff2)$/,
                use: 'file?=name/fonts/[name].[ext]'
            },
            {
                test: /\.(jpe?g|png|gif|svg)$/i,
                use: [{
                    loader: 'file-loader',
                    options: {
                        name: '[name]-[hash:8].[ext]',
                        pluginPath: BUILD_DIR + '/images/',
                        outputPath: BUILD_DIR + '/images/'
                    }
                }]
            }]
    },

我在 package.json 中的浏览器列表包含：

"browserslist": [
    "defaults",
    "not ie < 9",
    "last 2 versions"
  ],
4

0 回答 0