如何爲我的webpack angular app包含純文本JSON配置？

我想創建一個配置驅動的webapp使用webpack和角利用巴貝爾和es6。如何爲我的webpack angular app包含純文本JSON配置？

我不斷遇到一個重新發生的問題，我需要我自己的config.json塊並可以從多個控制器/組件中訪問。然而，困難在於我需要用人類可讀的純文本格式（也就是說，不會使用webpackJsonp等並縮小格式）只是標準的json。

有沒有人有任何想法？

道歉事先我完全陌生的WebPack ...

2016-08-04 Tim.G

嘿，試試看看這個，看看是否有幫助：https://stackoverflow.com/questions/38720133/webpack-bundle-dynamic-client-config/38737812#38737812 – Ambroos

歡呼的鏈接，儘管我寧願將它保存在一個單獨的文件中，因爲配置很安靜，並且經常被編輯爲安靜。 –

@Ambroos謝謝！

雖然這不是正是我想它確實與它擺弄了一下後做的工作，想我會放在我的發現這裏是爲了幫助別人......

基本上下面的例子Ambroos給我你包括：

externals: { 
    'appConfig': 'var sysConfig' 
    },

進入你的WebPack配置和構建您的配置，像這樣：

var sysConfig = { 
    "some": "config object" 
}

然後，而不是從字面上加入JSON對象在你的你只需在傳統的腳本加載方法中加載它。

<script src="script location"></script>

然後要求其在需要的地方：

var sysConfig = require('appConfig');

此工程的WebPack開發，然後DIST我簡單地使用一飲而盡的webpacking完成後複製的配置。

快樂的日子！ :)

2016-08-05 13:45:44

回答