vue3项目如何在index.html中根据环境(开发,生产)动态切换js src路径
1.使用环境变量文件,定义src相关变量,在html中引入
代码:
env
VITE_SCRIPT_SRC=https://example.com/dynamic.js
html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Dynamic Script</title>
</head>
<body><div id="app"></div><script src="%VITE_SCRIPT_SRC%"></script> <!-- 动态路径 -->
</body>
</html>