账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    webpack配置postcss没有生效
    32
    0

    我希望配置之后自动补全有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}),
    
        ]
    });
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部