webpack 压缩图片模块
来源:互联网 发布:手机淘宝促销活动 编辑:程序博客网 时间:2024/06/05 17:57
1:npm install image-webpack-loader
2:
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,还可以的。
阅读全文
0 0
- webpack 压缩图片模块
- webpack打包压缩图片
- webpack 压缩图片
- webpack压缩
- webpack 模块
- webpack(1):什么是webpack模块
- [Python模块学习]用tinify模块压缩和优化图片
- webpack压缩react
- webpack压缩react
- webpack js压缩插件
- webpack-- 模块热替换
- 【webpack】-- 模块热替换
- Webpack:模块打包原理
- 用webpack打包模块
- webpack模块加载介绍
- webpack-- 模块热替换
- webpack模块解析
- webpack模块热更新
- Python : open函数
- 带约束条件的差分进化算法(python实现)
- 听云安装
- Zeppelin使用说明
- HTTP隧道代理及wireshark抓包分析HTTPS过程
- webpack 压缩图片模块
- js获取url中的参数
- 文章标题
- Neo4j 新手入门指南
- 为租户下的虚机提供IPv6 DNS服务(by quqi99)
- vim 配置半透明
- 深度学习的入门阅读资料
- mybatis新增oracle语句返回主键
- 详细:git提交忽略已提交,未提交文件