Comment transmettre des variables dépendantes de l'environnement dans les applications Angular Webpack ?

Passer des variables dépendantes de l'environnement dans Webpack

La conversion d'une application angulaire de Gulp en Webpack présente le défi de remplacer les variables de page HTML basées sur NODE_ENV . Voici plusieurs méthodes efficaces pour y parvenir avec Webpack :

1. DefinePlugin

Ce plugin permet le remplacement des variables correspondantes par la chaîne fournie :

new webpack.DefinePlugin({
    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development')
}),

2. EnvironmentPlugin

Utilisant DefinePlugin en interne, ce plugin mappe les valeurs d'environnement au code :

new webpack.EnvironmentPlugin(['NODE_ENV'])

3. Alias

En créant un module avec alias, vous pouvez accéder à la configuration via des modules consommateurs :

// Consumer side
var config = require('config');

// Configuration module
resolve: {
    alias: {
        config: path.join(__dirname, 'config', process.env.NODE_ENV)
    }
}

En fonction du NODE_ENV, cela sera mappé à un module qui exporte la configuration, vous permettant pour accéder aux variables dépendantes de l'environnement dans votre application.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!