在Vue工程中,经常会直接使用import img from '@/assets/img.png’导入图片,大部分时候img就是编译后图片的相对路径。但是图片如果太小,vue自带的webpack会直接转成base64格式。有些像Phaser之类的框架是不支持base64格式url的,所以需要禁止他自动转换。
更改vue.config.js
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
configureWebpack: {
module: {
rules: [
{
test: /\.(png|jpg|gif)$/i,
parser: {
dataUrlCondition: {
maxSize: 0,
},
},
},
],
},
}
})