javascript – 使用Webpack进行开发和生产构建的Angular应用程序API URL配置

前端之家收集整理的这篇文章主要介绍了javascript – 使用Webpack进行开发和生产构建的Angular应用程序API URL配置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个带有以下简单配置文件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宏,根据构建执行.

猜你在找的JavaScript相关文章