如何在 Angular Webpack 應用程式中傳遞環境相關變數？

在Webpack 中傳遞環境相關變數

將Angular 應用從Gulp 轉換為Webpack 提出了替換基於NODE_ENV 的HTML 頁面變數的挑戰。以下是使用Webpack 實現此目的的幾種有效方法：

1. DefinePlugin

此外掛允許用提供的字串替換匹配的變數：

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

2. EnvironmentPlugin

內部利用 DefinePlugin，該插件將環境值對應到代碼：

new webpack.EnvironmentPlugin(['NODE_ENV'])

3。別名

透過建立別名模組，您可以透過消費者模組存取設定：

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

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

根據NODE_ENV，這將會對應到匯出設定的模組，讓您能夠存取應用程式程式中與環境相關的變數。

以上是如何在 Angular Webpack 應用程式中傳遞環境相關變數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！