You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何阻止Vite/Rollup修改index.html中的脚本路径?

Vite/Rollup构建时错误处理HTML中URL相对路径脚本的问题

我的HTML页面<head>标签内包含以下脚本标签:

<script type="module" src="/../modules/module1"></script>

我已经在Vite/Rollup的配置里将该脚本标记为外部资源,但构建过程中它还是被打包进了bundle,路径还会根据构建代理的文件系统被调整(例如变成import "./modules/module1")。但这个路径本质是URL相对路径,并非文件系统相对路径。我尝试了多种方法,都无法阻止构建工具修改这个脚本标签,也没法让Vite/Rollup识别它不是文件系统路径。

复现步骤

  • 搭建基础Vite项目,在index.html的<head>中添加上述脚本标签
  • 在Vite配置文件中配置规则,尝试将/../modules/module1标记为外部资源
  • 执行命令:npm i && npm run build
  • 查看生成的dist/index.html以及dist/assets/index.*.js的开头部分,即可看到路径被修改且模块被打包的情况

内容的提问来源于stack exchange,提问作者leonheess

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.11 22:46:03