Need help on generating environment specific api config about generator-angular-webpack-es6 HOT 3 CLOSED

How do I do this with Webpack?

Try webpack.DefinePlugin plugin. There is simple example in global.json webpack config file

from generator-angular-webpack-es6.

Fixed

new webpack.DefinePlugin({
    'NODE_ENV': JSON.stringify(NODE_ENV),
    'API_CONFIG': JSON.stringify(require(path.join(_path, 'config/apiurls.json'))[NODE_ENV])
})

Thanks!

from generator-angular-webpack-es6.

Hi,

One more way - Using Alias like

 `alias: {
    ////////////////////////////////////////////////////////////////
    // Created alias for environment specific configuration for APIs
    ////////////////////////////////////////////////////////////////
    _envConfig: path.join(_path, 'config', 'apis', NODE_ENV)
 }`

Create different modules based on environment like development.js, production.js. And these modules will return config object. This way build will fail if we don't set NODE_ENV to correct value.

Then
import * as envConfig from '_envConfig'; console.log(envConfig);

from generator-angular-webpack-es6.