javascript - vue项目 webpack 打包图片小图片转换成base64,大图片自动转换成网络路径
本文介绍了javascript - vue项目 webpack 打包图片小图片转换成base64,大图片自动转换成网络路径的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
webpack 打包图片小图片转换成base64,大图片自动转换成网络路径?如何实现?是要写插件吗? 还是先有的loader可以实现
解决方案
// 小于8K的图片将直接以base64的形式内联在代码中,可以减少一次http请求。
// 大于8k的呢?则直接file-loader打包, 这里并没有写明file-loader.但是确实是需要安装,否则会有问题.而name也是file-loader的属性. 重复一次 必须安装file-loader
{
test: /\.(woff|woff2|eot|ttf|svg|jpg|png|gif)\??.*$/,
loader: 'url-loader',
query: {
// 图片大小限制 单位b
limit: 8192,
// 生成的文件的存放目录
name: 'resourse/[name].[ext]'
}
},
https://segmentfault.com/a/11... 可以去看看
这篇关于javascript - vue项目 webpack 打包图片小图片转换成base64,大图片自动转换成网络路径的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文