typescript - Webpack - Cum să înlocuiești referința unui fișier în funcție de mediu?


În instrumentul angular-cli, fișierele de mediu sunt prezente. Le poți specifica în fișierul tău de configurare, astfel:

"environmentSource": "environments/environment.ts",
"environments": {
  "dev": "environments/environment.ts",
  "prod": "environments/environment.prod.ts"
}

Oriunde în proiectul tău unde dorești să folosești variabilele de mediu, tot ce trebuie să faci este să incluzi fișierul de bază environment.ts. Apoi, în funcție de mediul de build pe care îl folosești, de exemplu folosind ng build --prod, referința fișierului se poate schimba (astfel, pentru prod, va folosi environment.prod.ts în loc de environment.ts).

Încerc să obțin aceeași funcționalitate prin configurarea Webpack, dar nu reușesc să înțeleg cum să fac acest lucru.

Cineva care poate să ofere un exemplu despre cum să configureze o astfel de referință dinamică de fișier bazată pe medii în Webpack?

Mulțumesc!