Vue.js:基于环境加载js文件

Question

我有一些由aws-cognito生成的js文件，其内容因环境而异
因为我不应该手动修改它，所以vue的环境变量可能不适合我。

我应该如何根据环境动态加载js文件
我使用以下命令在本地上运行我的服务器

vue-cli服务服务--mode=dev

我在/environment/dev/aws-exports.js 下找到了该文件

const awsmobile = {
"aws_project_region": "ap-northeast-1",
... some more json...
};
export default awsmobile;

并加载到main.js 中

import config from "./environment/dev/aws-exports"
Amplify.configure(config);

我应该如何修改我的代码，以便它可以基于--mode加载它？

Answer 1

我不确定这是否正是你想要的，但我会尽力帮助：

要根据环境动态加载js文件，可以创建一个返回import:的function

function getConfig(mode) {
return import(`./environment/${mode}/aws-exports`)  // import returns a Promise
}

注意：记住导入是Promise，所以您可能需要await它。