如何解决在vue3+vite项目中加载不了.tga文件的问题

因项目需求所以需要加载 .tga 类型的文件

import backgroundImage from "@/assets/combined_image.tga"
import { TGALoader } from "three/addons/loaders/TGALoader.js";

const loader = new TGALoader();
const texture1 = loader.load(backgroundImage);

但是遇到如下问题：

[plugin:vite:import-analysis] Failed to parse source for import analysis because the content contains invalid JS syntax. You may need to install appropriate plugins to handle the .tga file format, or if it’s an asset, add “**/*.tga” to assetsInclude in your configuration.

解决方法：

在 vite.config.js 文件中新增assetsInclude: ['**/*.tga']即可

export default defineConfig({
  plugins: [vue()],
  resolve: {
    // ...
  },
  assetsInclude: ['**/*.tga'],
})