标签：svg ports 串流 url loader png 使用 pre 矢量
在webpack构建打包中 一般利用url-loader加载器 处理项目小图片资源 。他的工作原理就是会根据内容计算出base64 流 字符串流注入到代码中，但是当我们的项目有很图片数量很多的时候，应该考虑 图片体积不能太大。url-loader 在 webpack.config.js 例如
module.exports = {
module:{
rules:[
test:/\.png$/,
use:[{
loader:‘url-loader‘,
options:{
limit:1024 * 30
},
fallback :’file-loader
}]
]
}
}
对于项目使用SVG矢量图 也是同样采用 url-loader 或者 file-loader标签：svg ports 串流 url loader png 使用 pre 矢量
原文地址：https://blog.51cto.com/14582569/2543904
