vue打包通过image-webpack-loader插件对图片压缩优化
vue正常打包之后一些图片文件很大,使打包体积很大,通过image-webpack-loader插件可将大的图片进行压缩从而缩小打包体积step1:npm install image-webpack-loader --save-devstep2:在build/webpack.base.conf.js中改如下配置module.exports = {module: {...
·
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'
]
},
]
},
}
更多推荐
已为社区贡献6条内容
所有评论(0)