最近接手个vue-cli创建的老项目 需要引入外部js文件 直接通过函数在index.html内加载 会出现偶现页面内调用失败 初始化晚于页面加载,因此改到vue.config.js内注入。代码如下引入
chainWebpack: (config) => {
console.log("==================================");
console.log("目前打包环境", process.env.VUE_APP_API_ENV);
config.plugin("html").tap((args) => {
if (process.env.VUE_APP_API_ENV === "PRO") {
args[0].SA ="https://cdn.bootcdn.net/ajax/libs/vConsole/3.14.6/vconsole.min.js";
args[0].TP_AUTH ="https://cdn.bootcdn.net/ajax/libs/vConsole/3.14.6/vconsole.min.js";
} else {
args[0].SA = "https://cdn.bootcdn.net/ajax/libs/vConsole/3.14.6/vconsole.min.js";
args[0].TP_AUTH = "https://cdn.bootcdn.net/ajax/libs/vConsole/3.14.6/vconsole.min.js";
}
return args;
});
},
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步