vue2 vue.config.js 根据环境 引入外部js文件到index.html内

最近接手个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;

    });

  },