vue.js - 如何在 vue-cli 项目上没有任何新库和配置的情况下将 png 文件导入为 base64 字符串？

Question

我已经尝试了如下的内置 url-loader，但是导入的 base64 字符串格式错误。

imoprt myPngFile from 'url-loader!@/assets/myPngFile.png';

标签： vue.js

Answer 1

我猜 png 格式不正确，因为 url-loader 是在错误的 png 上执行的。首先，png 由 vue 配置的文件加载器执行。然后，url-loader 从 file-loader 加载结果。

添加 ！！作为前缀将解决问题。

import myPngFile from '!!url-loader!@/assets/myPngFile.png';

参考：

Webpack 内联加载器