vite vue-cli 读取文件原始内容 使用base64内容的文件

新建文件 img.dataurl 中存放图片base64

<img class='img' :src='dataurl' alt='' />
import  dataurl from './img.dataurl'
data(){
return {
dataurl:dataurl
}
}
vue.config.js
module.exports=defineConfig({
configureWebpack:{
  module:{
  rules:[
  {
   test:/\.dataurl$/,
   loader:'raw-loader'
  }
  ]
  }
}
})
npm i raw-loader -D

vue-cli

webpack

​ *.js js-loader

*.css css-loader

*.png file-loader

*.dataurl raw-loader

vite

<img class='img' :src='dataurl' alt='' />
import dataurl from './img.dataulr?raw'