如何阻止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
相关产品推荐
相关产品推荐

