Umgebungsvariablen in Ionic 2

31.03.2017 Stefan Welsch
Mobile Tech ionic mad handson goodtoknow

Wenn Sie Environment Variablen in Ionic (2.2.0) verwenden möchten, können Sie es auf folgende Art und Weise versuchen.

/src/config/config.dev.ts and /src/config/config.prd.ts

export const ENV = {
    //0=debug, 1=info, 2=error
    LOG_LEVEL: 0,
    ...
}
package.json

"config": {
    "ionic_webpack": "./src/config/webpack.config.js"
}
/src/config/webpack.config.js

var path = require('path');
var useDefaultConfig = require('@ionic/app-scripts/config/webpack.config.js');

module.exports = function () {
    useDefaultConfig.resolve.alias = {
        "@app/config": path.resolve('./src/config/config.' + process.env.IONIC_ENV + '.ts')
    };

    return useDefaultConfig;
}

Wie wendet man es an?

...
import { ENV } from '@app/config'

@Component({
  selector: 'page-contact',
  templateUrl: 'contact.html'
})
export class Test {
	private envVar = ENV.LOG_LEVEL;
}

Stefan Welsch – Pionier, Stuntman, Mentor. Als Gründer von b-nova ist Stefan immer auf der Suche nach neuen und vielversprechenden Entwicklungsfeldern. Er ist durch und durch Pragmatiker und schreibt daher auch am liebsten Beiträge die sich möglichst nahe an 'real-world' Szenarien anlehnen.