如何将vite（svelte）打包文件运行在子目录

mixice

已于 2022-07-22 21:45:05 修改

阅读量3k

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript vue.js

于 2022-07-21 13:06:39 首次发布

本文链接：https://blog.youkuaiyun.com/mixice/article/details/125910141

本文介绍了如何通过在vite.config.js中设置base属性，将Vite打包的静态文件定位到子目录，确保在子目录下运行时能正确引用main.js。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vite打包文件默认只能运行在根目录，运行在子目录会链接不到main.js，解决办法是在vite.cconfig.js中增加一个base目录定位：

import { defineConfig } from 'vite'
import { svelte } from '@sveltejs/vite-plugin-svelte'

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        svelte(),
    ],
    base: '/h5',
})