鍍金池/ 問(wèn)答/HTML/ webpack配置postcss沒(méi)有生效

webpack配置postcss沒(méi)有生效

我希望配置之后自動(dòng)補(bǔ)全有5種前綴,現(xiàn)在的配置能夠執(zhí)行成功,但是自動(dòng)補(bǔ)全的前綴只有2種,不知道是哪里配置出錯(cuò)了,請(qǐng)大神指教
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,                  //開啟在控制臺(tái)輸出信息
                dry: false                  //啟用刪除文件
            }
        ),
        new ExtractTextPlugin("../css/style.css"),
        new webpack.optimize.CommonsChunkPlugin({
            name: 'main' // 指定公共 bundle 的名稱。
        }),
        new webpack.optimize.UglifyJsPlugin({sourceMap: true}),

    ]
});
回答
編輯回答
殘淚

last 5 versions是每個(gè)瀏覽器的最近5個(gè)版本,不知道你說(shuō)的5種前綴是什么?

2018年1月28日 02:07