2019-07-23

vue打包图片压缩插件

1.安装插件

yarn add image-webpack-loader

2.配置build/webpack.base.conf.js

{

        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,

        loader: ['url-loader?limit=10000&name='+utils.assetsPath('img/[name].[hash:7].[ext]'),

        'image-webpack-loader']

},

// 对比之前的打包，对于体积较大的图片起到很好的压缩效果