为什么 vue.js 为小图像渲染 base64 图像

【问题标题】：Why vue.js renders base64 image for small images为什么 vue.js 为小图像渲染 base64 图像
【发布时间】：2020-08-27 00:32:06
【问题描述】：

我尝试设置图像，但如果图像太小，vuejs 会自动将其转换为 base64，如果我调整图像大小，它可以工作。有什么解释吗？

【问题讨论】：

您是说您正在获取用于小图像的 data-uri 吗？一切都很好，你只是好奇吗？如果是这样，我会说它是 webpack base64-inline-loader 模块。
我只是写了

标签： vue.js vue-cli-4

【解决方案1】：

迟到的回复，但回答了绊倒的人。

url-loader webpack 插件会执行此操作，并且默认包含在内。要禁用它，只需将其添加到您的vue.config.js：

module.exports = {
    // ...
    chainWebpack: config => {
        config.module
            .rule('images')
            .use('url-loader')
            .loader('url-loader')
            .tap(options => {
                // Do not base64 encode images URLs
                options.limit = -1;
                return options;
            })
    }
}

关于另一个问题，请参阅original answer。

【讨论】：