您能告诉我,如何更改 vite 资产路径的构建方式,但仅限于编译文件吗?我的意思是,例如,我有文件index.html,如下所示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title>
</head>
<body>
<script type="module" src="/src/main.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这里我有 src="/src/main.js" 的脚本
当我编译它时,我得到 src="/assets/index-c371877d.js"
我正在制作 ESP32 网络服务器,由于一些内部原因,我需要将编译后的文件放在 SD 卡上的另一个文件夹中。
我可以使用 vite.config.js 更改输出目录,这里有:
export default defineConfig({
plugins: [vue(), vueJsx()],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
},
build: {
outDir: "../../SD/modules/test", // test is project name
},
})
Run Code Online (Sandbox Code Playgroud)
但问题是,编译的文件具有相同的相对路径,而我需要 module/%moduleName%/%relative path%
所以我需要 src="module/ 而不是 src="/assets/index-c371877d.js"测试/资产/index-c371877d.js”
我尝试更改 vite assetDir:
export default defineConfig({
plugins: …Run Code Online (Sandbox Code Playgroud)