我有一个带有以下简单配置文件config.js的Angular应用程序:
export default function(app) { app.constant('config',{apiUrl: 'https://localhost:8080'}); };
这是由Webpack入口点app.js导入的:
import config from './config'; config(app);
当我进行生产构建时,我想要一个不同的apiUrl.
在Webpack中最简单的方法是什么?
解决方法
在
https://stackoverflow.com/a/34032050/1610981上有一个类似的问题
它涉及你可以使用http://webpack.github.io/docs/list-of-plugins.html#defineplugin
config.js文件是这样的:
export default function(app) { app.constant('config',{apiUrl: API_URL}); };
在webpack配置文件中:
plugins:[ new webpack.DefinePlugin({ API_URL: JSON.stringify('https://localhost:8080') }) ]
你应该有两个webpack配置,一个用于开发,另一个用于生产.每个定义API_URL宏,根据构建执行.