vue打包通過image-webpack-loader插件對圖片壓縮優化

vue正常打包之後一些圖片文件很大，使打包體積很大，通過image-webpack-loader插件可將大的圖片進行壓縮從而縮小打包體積

step1：npm install image-webpack-loader --save-dev

step2：在build/webpack.base.conf.js中改如下配置

module.exports = {

    module: {

            {
                test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
               // loader: 'url-loader',
                // options: {
                    // limit: 100000,
                    // name: utils.assetsPath('img/[name].[hash:7].[ext]')
                // }
                loader: ['url-loader?limit=10000&name=' + utils.assetsPath('img/[name].[hash:7].[ext]'),
                    'image-webpack-loader'
                ]
            },

           
        ]
    },

}