vite2 + vue3.0+elment+plus 使用el-image 无法require 解决方法

由于vite2 中 没有 webpack 中的 require(）所以无法使用，那么使用el-image 静态获取时候 无法使用require 使用后会报错  ，而且不使用的话，el-image 解析不了 @ 别名

 

 <el-image
          class="sidebar-logo"
          :src="require('@/assets/img/sidebar_logo.png')"
        ></el-image>

 正确解决方法 现在能想到的 也只有 import 去引入了

import logo from "@/assets/img/sidebar_logo.png";

在data中 或者 setup() 中  二选1设置变量

/* 
vue2语言 vue3 也兼容
*/
data() {
    return {
      sidebarLogo: logo,
    };
  },

vue3 setup(）的用法

  setup() {
    const sidebarLogo = ref(logo);
    return { sidebarLogo };
  },

 <template> 中

 <el-image class="sidebar-logo" :src="sidebarLogo"></el-image>

 

 那 vite 有能够完全替代require 吗