vite不支持 require 使用require报错 如何解决

vite默认不支持 require 如果在css中或者变量中引入本地图片地址 需要 require() 这时会报错

解决方法

1.npm 引入

npm i vite-plugin-require-transform --save-dev

2.vite.config.js

import requireTransform from 'vite-plugin-require-transform';

export default defineConfig({
    
    
  plugins: [
    requireTransform({
    
    
      fileRegex: /.js$|.vue$/
    }),
  ],
});