在實(shí)際工作中，我們的項(xiàng)目都會配置一個(gè)Json的文件或者說API文件，作為項(xiàng)目的配置文件。有時(shí)候你也會從后臺讀取到一個(gè)json的文件烙常，這節(jié)課就學(xué)習(xí)如何在webpack環(huán)境中使用Json。如果你會webpack1或者webpack2版本中被冒，你是需要加載一個(gè)json-loader的loader進(jìn)來的军掂，但是在webpack3.x版本中，你不再需要另外引入了昨悼。
讀出Json內(nèi)容
第一步：現(xiàn)在我們的index.html模板中加入一個(gè)層蝗锥，并給層一個(gè)Id，為了是在javascript代碼中可以方便引用率触。
//index.html
<div id="json"></div>
第二步：到src文件夾下终议，找到入口文件，我這里是entry.js文件葱蝗。修改里邊的代碼穴张，如下：
//entry.js
let json =require('../config.json');
document.getElementById("json").innerHTML= json.name;
這兩行代碼非常簡單，第一行是引入我們的json文件两曼，第二行駛寫入到到DOM中皂甘。
第三部：啟用我們的npm run server 命令就可以在瀏覽器中看到結(jié)果了。
說說熱更新
其實(shí)在webpack3中啟用熱加載相當(dāng)?shù)娜菀椎看眨灰尤際otModuleReplacementPlugin這個(gè)插件就可以了偿枕。
plugins: [
new webpack.HotModuleReplacementPlugin()
]
現(xiàn)在只要你啟動 npm run server 后，修改index.html中的內(nèi)容户辫，瀏覽器可以自動給我們更新出最新的頁面渐夸。
但這里說的熱加更新和我們平時(shí)寫程序的熱加載不是一回事，比如說我們Vue或者React中的熱更新渔欢，并不是刷新整個(gè)頁面墓塌，而是一個(gè)局部更新，而這里的更新是重新刷新了頁面。
