背景:尝试了vue-cli3.0发现打包的时候,一些小于10k的图片没有转base64,这个和vue-cli2.0有些差异,需要自己单独进行配置,可是发现没有了原本webapck的一些配置问题件,需要自己新建一个vue.config.js的文件(在根目录),然后进行如下配置,就可以控制图片转义规则。
vue.config.js文件:
module.exports = {
chainWebpack: config => {
config.module
.rule('images')
.use('url-loader')
.loader('url-loader')
.tap(options => Object.assign(options, { limit: 20000 }))
}
};
注意:修改里面的limit的数值即可修改图片进行base64转换文件的大小限制