vite项目打包后＜img＞标签引发的require is not defined

博主接到一个前端项目外快，发现项目打包后报错，

使用下面两个vite插件都不行。。。。

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

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


import commonjs from 'vite-plugin-commonjs';

export default defineConfig({
  plugins: [ commonjs()],
  build: {
	  commonjsOptions: {
	    transformMixedEsModules: true
	  }
  }
})

排查问题是因为img标签的srcset属性引发的require问题，项目中如果装了vite-plugin-require-transform插件，在本地运行时会提示import "" 这样的报错信息。

把srcset属性删除掉就可以了

把srcset属性删除掉就可以了

把srcset属性删除掉就可以了

把srcset属性删除掉就可以了

记得点赞转发