Vite项目src/assets目录下PDF资源无法部署的问题求助

Vite默认不会自动处理PDF这类非标准资源类型，所以需要在配置中明确指定要包含的文件类型，具体操作如下：

• 在项目根目录的vite.config.js或vite.config.ts中，添加assetsInclude配置项，将PDF文件纳入资源处理范围：

import { defineConfig } from 'vite'

export default defineConfig({
  assetsInclude: ['**/*.pdf']
})

• 配置完成后，你可以像引用其他src/assets下的资源一样使用PDF：
  • 模板中直接引用（以Vue为例）：

  <a :href="require('@/assets/your-document.pdf')" download>下载文档</a>
  

  • 脚本中导入使用：

  import pdfPath from '@/assets/your-document.pdf'
  // 后续可将pdfPath用于链接或其他场景
  

这样配置后，执行构建命令时，PDF文件会被Vite正确处理并输出到dist/assets目录下，和其他资源一同部署，无需放到public目录。

内容的提问来源于stack exchange，提问作者avenmia