webpack配置postcss没有生效

我希望配置之后自动补全有5种前缀,现在的配置能够执行成功,但是自动补全的前缀只有2种,不知道是哪里配置出错了,请大神指教
webpack版本为2.6.1
我的配置如下

var webpack = require('webpack');
const path = require('path');
const merge = require('webpack-merge');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');//清除缓存文件(hash值)
var CommonsChunkPlugin = require("webpack/lib/optimize/CommonsChunkPlugin");//公共的部分不打包
const common = require('./webpack.common');

module.exports = merge(common, {
    devtool: 'source-map',
    output: {//输出
        path: path.resolve(__dirname, '../public/js'),
        filename: '[name].js',
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract({fallback: "style-loader", use: ["css-loader"]}),
            },
            {
                test: /.less$/,
                use: ExtractTextPlugin.extract({
                    fallback: "style-loader",
                    use: ["css-loader",
                        {
                            loader: "postcss-loader",
                            options: {
                                plugins: function () {
                                    return [
                                        require('autoprefixer')({
                                            broswers: ['last 5 versions']
                                        })
                                    ]
                                }
                            }
                        },
                        {
                            loader: "less-loader",
                        }]
                }),
            },
            {
                test: /.(png|jpg)$/, loader: "url-loader?limit=1024&name=../img/[name].[ext]"
            },
        ]
    },
    plugins: [
        new CleanWebpackPlugin(
            ['public/img'],  //匹配删除的文件
            {
                root: path.resolve(__dirname, '../'),                 //根目录
                verbose: true,                  //开启在控制台输出信息
                dry: false                  //启用删除文件
            }
        ),
        new ExtractTextPlugin("../css/style.css"),
        new webpack.optimize.CommonsChunkPlugin({
            name: 'main' // 指定公共 bundle 的名称。
        }),
        new webpack.optimize.UglifyJsPlugin({sourceMap: true}),

    ]
});
阅读 5.2k
1 个回答

last 5 versions是每个浏览器的最近5个版本,不知道你说的5种前缀是什么?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题