我有一个简单的设置,包含一个 index.html、一些 js 文件和一个 sass 文件,并使用 vite 构建它。我使用的是 vite 默认值,没有配置文件。
运行构建后,dist 文件夹中的 index.html 将所有内容引用为静态路径:
<head>
<script type="module" crossorigin src="/assets/index.b850bc1f.js"></script>
<link rel="stylesheet" href="/assets/index.04d1c13d.css">
</head>
css 中的 url() 路径也发生同样的情况:它们也变成静态路径。
我的问题是:是否有一个配置选项可以使 vite 输出相对路径,所以:
<head>
<script type="module" crossorigin src="assets/index.b850bc1f.js"></script>
<link rel="stylesheet" href="assets/index.04d1c13d.css">
</head>
该引导路径是基本 URL,由base option https://vitejs.dev/config/shared-options.html#base,即/
默认情况下。
您可以通过设置删除基本 URLbase
为空字符串,使路径相对于其部署目录:
// vite.config.js
import { defineConfig } from 'vite'
export default defineConfig({
base: '', ????
})
demo https://stackblitz.com/edit/vue3-vite-remove-base-url?file=vite.config.js
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)