webpack 压缩图片模块

最新推荐文章于 2024-08-16 08:20:08 发布

coder_daiwang

最新推荐文章于 2024-08-16 08:20:08 发布

阅读量1.4k

点赞数

分类专栏： vue-webpack 文章标签： j javascript webpack js

本文链接：https://blog.csdn.net/coder_daiwang/article/details/78437983

版权

vue-webpack 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1：npm install image-webpack-loader

require("image-webpack-loader")

3:webpack.base.config 修改

{
                test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
                loader: ['url-loader?limit=8192&name=img/[name].[hash].[ext]',
                'image-webpack-loader?{progressive:true, optimizationLevel: 7, interlaced: false, pngquant:{quality: "55-90", speed: 4}}'], 
                // options: {
                //     limit: 10000,
                //     name: utils.assetsPath('img/[name].[hash:7].[ext]')
                // }
            },
}

627k png压缩成了272,还可以的。