将 Angular 应用程序从 gulp 转换为 webpack，需要找到一种方法来替换HTML 页面中与环境相关的变量（例如数据库名称）。
使用 webpack 有多种方法可以实现此目的：
new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development')
})DefinePlugin “按原样”替换精确匹配，因此是 JSON 格式的字符串。
new webpack.EnvironmentPlugin(['NODE_ENV'])
EnvironmentPlugin 在内部使用 DefinePlugin 通过 Terser 语法映射环境值。
创建别名模块来使用配置：
// Consumer module
var config = require('config');// Configuration module
resolve: {
alias: {
config: path.join(__dirname, 'config', process.env.NODE_ENV)
}
}例如，如果 process.env.NODE_ENV 为“development”，则别名模块将位于 ./config/development.js:
// Configuration module for 'development' environment
module.exports = {
testing: 'something',
...
};以上是如何使用 Webpack 在 Angular 应用程序中传递环境相关变量？的详细内容。更多信息请关注PHP中文网其他相关文章！
