场景

有两个环境：开发(sandbox)、生产(tencent)
开发发环境引用CDN: https://xxx.sandbox.xxx/xxx.js
生产环境引用CDN: https://xxx.tencent.xxx/xxx.js
打包时不想手动修改index.html文件

想法

手动修改的写法：在index.html文件中直接引用CDN,打包时手动修改

<script src="https://xxx.sandbox.xxx/xxx.js"></sc ript>
<!-- <script src="https://xxx.tencent.xxx/xxx.js"></script> -->

在VUE-CLI中的环境变量和模式介绍里 可以使用.env文件区分不同环境的变量

以及代码中的<link rel="icon" href="<%= BASE_URL %>favicon.ico">
可以考虑这种上述的引用方法

实现

index.html 部分代码

<script src="<%= VUE_APP_CND %>"></script>

.env.sandbox 部分代码

VUE_APP_INGAGEAPP=https://xxx.sandbox.xxx/xxx.js

.env.tencent 部分代码

VUE_APP_INGAGEAPP=https://xxx.tencent.xxx/xxx.js