Leggere il numero di versione in Angular

Mattepuffo's logo
Leggere il numero di versione in Angular

Leggere il numero di versione in Angular

Ci sono vari motivi per cui ci può essere bisogno di leggere il numero di versione in un'applicazione.

Quindi oggi vediamo come fare questa cosa in Angular; lo leggeremo direttamente dal package.json.

Potremmo anche metterlo dentro ad un file di configurazione a parte, ma ciò vorrebbe dire cambiarlo in più posti.

Prima di tutto aprite il file tsconfig.json ed aggiungete una riga (l'ho evidenziata):

/* To learn more about this file see: https://angular.io/config/tsconfig. */
{
    "compileOnSave": false,
    "compilerOptions": {
        "baseUrl": "./",
        "outDir": "./dist/out-tsc",
        "sourceMap": true,
        "declaration": false,
        "downlevelIteration": true,
        "experimentalDecorators": true,
        "moduleResolution": "node",
        "resolveJsonModule": true, --> QUESTA OPZIONE
        "importHelpers": true,
        "target": "es2015",
        "module": "es2020",
        "lib": [
            "es2018",
            "dom"
        ]
    }
}

In pratica gli diciamo di trattare i file JSON come moduli.

A questo punto andiamo a leggere il valore:

import {Component, OnInit} from '@angular/core';
// @ts-ignore
import {version} from '../../package.json';

export class AppComponent implements OnInit {

    appVersion: string;

    constructor() {}

    ngOnInit() {
        this.appVersion = version;
        console.log(this.appVersion);
    }
}

Vi ho lasciato solo l'essenziale.

PS: quel @ts-ignore l'ho messo per levare l'alert di PhpStorm; ma potrebbe non essere necessario per voi.

Enjoy!


Condividi su Facebook

Commentami!