使用Vite和Vue,我希望在运行构建时不生成包含SVG和GIF文件的assets
文件夹(而不是复制SVG代码并将其作为占位符粘贴到Vue JS文件中),从而获得单个的JavaScript文件.
有没有办法做到这一点?我已经找了一天了,但没有找到任何答案.如有任何帮助,我们不胜感激.然而,GIF似乎是自动内联的.
使用Vite和Vue,我希望在运行构建时不生成包含SVG和GIF文件的assets
文件夹(而不是复制SVG代码并将其作为占位符粘贴到Vue JS文件中),从而获得单个的JavaScript文件.
有没有办法做到这一点?我已经找了一天了,但没有找到任何答案.如有任何帮助,我们不胜感激.然而,GIF似乎是自动内联的.
假设您运行的是Vite版本5,您可以考虑为build.assetsInlineLimit
选项设置一个较高的数字:
小于此阈值的导入或引用的资源将内联为Base64 URL,以避免额外的http请求.
SVG和GIF被视为assets资源 ,因此将此选项设置为大量应该内联大多数assets资源 .需要VITE 5才能将其作为SVG inline was only introduced in this version运行.
/* vite.config.js */
import { defineConfig } from 'vite';
export default defineConfig({
build: {
assetsInlineLimit: Number.MAX_SAFE_INTEGER,
},
});