Webpack-如何根据环境替换文件引用?

Nic*_*cky 5 typescript webpack angular-cli

angular-cli工具中,存在环境文件。您可以在配置文件中指定它们,例如:

"environmentSource": "environments/environment.ts",
"environments": {
  "dev": "environments/environment.ts",
  "prod": "environments/environment.prod.ts"
}
Run Code Online (Sandbox Code Playgroud)

在项目中要使用环境变量的任何地方,您所要做的就是包括基础environment.ts文件。然后,根据构建环境,您可以使用ng build --prod,例如使用,文件引用可能会更改(因此,对于prod,它将使用environment.prod.ts代替environment.ts)。

我正在尝试通过Webpack配置实现相同的功能,但不知道如何实现此目的。

谁能举例说明如何基于Webpack中的环境配置这种动态文件引用?

谢谢!