2015-11-25 52 views
2

我有一個使用webpack進行捆綁,服務和構建的AngularJS項目 - 沒有任何任務運行者,比如bower或gulp被使用。我希望能夠設置環境變量,例如我將在本地和生產環境中使用的REST API端點,然後訪問我的實際AngularJS項目文件中的那些環境變量,特別是在控制器內部。定義這些env變量並將其傳遞到項目中的最佳方式是什麼?訪問webpack中的env變量AngularJS項目

+1

https://開頭的WebPack .github.io/docs/list-of-plugins.html #defineplugin –

+0

太棒了,做到了,謝謝。 –

+0

您可以將其作爲答案移動並接受它嗎?謝謝。 –

回答

4

的解決方案是使用的WebPack的definePlugin定義自由/全局變量:

webpack.github.io/docs/list-of-plugins.html#defineplugin

new webpack.DefinePlugin({ 
    VERSION: JSON.stringify("5fa3b9"), 
    BROWSER_SUPPORTS_HTML5: true, 
    TWO: "1+1", 
    "typeof window": JSON.stringify("object") 
}) 
+2

你如何在你的代碼中使用這個?這只是全局使用像'window.VERSION'是在瀏覽器中? – hitautodestruct

+0

如何在代碼中訪問這些代碼? – thevangelist

+1

它們的使用方式與C中的宏一樣,webpack用值 – dvdvck

相關問題