Javascript VueJS将配置文件从绑定中排除

我正在使用

vue webpack

模板和

appConfig.js

文件来存储API url和一些其他变量。应在生成后更改API url

appConfig.js

文件如下所示：

export { BASE_URL, ACCOUNT, NOTIFICATIONS };

const BASE_URL = 'apiurl';
const ACCOUNT = ....

在应用程序中，我通过导入使用此配置文件

import { BASE_URL, ACCOUNT } from '../appConfig';

---

我希望将此文件排除在捆绑过程之外，然后将其添加到构建中。我在webpack conf中听说了

externals

，但我无法让它与我的应用程序一起工作。或者有其他方法来处理这个问题？

您可以创建两个单独的配置文件，如appConfig.dev.js和appConfig.build.js。使用环境变量和少量代码使应用程序区分在开发人员构建或生产构建期间应加载的文件。如果您有两个以上的环境，您可以使用相同的方法生成更多的配置文件。谢谢Telvin，但是我会在构建之后加载配置文件，而不是在构建期间。我将从这个构建中排除配置文件。