前言

創(chuàng)新互聯(lián)為企業(yè)提供：品牌網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷策劃、小程序制作、營(yíng)銷型網(wǎng)站建設(shè)和網(wǎng)站運(yùn)營(yíng)托管，一站式網(wǎng)絡(luò)營(yíng)銷整體服務(wù)。實(shí)現(xiàn)不斷獲取潛在客戶之核心目標(biāo)，建立了企業(yè)專屬的“成都營(yíng)銷網(wǎng)站建設(shè)”，就用不著再為了獲取潛在客戶而苦惱，相反，客戶會(huì)主動(dòng)找您，生意就找上門來(lái)了！

隨著前端項(xiàng)目的不斷擴(kuò)大，一個(gè)原本簡(jiǎn)單的網(wǎng)頁(yè)應(yīng)用所引用的js文件可能變得越來(lái)越龐大。尤其在近期流行的單頁(yè)面應(yīng)用中，越來(lái)越依賴一些打包工具（例如webpack），通過(guò)這些打包工具將需要處理、相互依賴的模塊直接打包成一個(gè)單獨(dú)的bundle文件，在頁(yè)面第一次載入時(shí)，就會(huì)將所有的js全部載入。但是，往往有許多的場(chǎng)景，我們并不需要在一次性將單頁(yè)應(yīng)用的全部依賴都載下來(lái)。例如：我們現(xiàn)在有一個(gè)帶有權(quán)限的"訂單后臺(tái)管理"單頁(yè)應(yīng)用，普通管理員只能進(jìn)入"訂單管理"部分，而超級(jí)用戶則可以進(jìn)行"系統(tǒng)管理"；或者，我們有一個(gè)龐大的單頁(yè)應(yīng)用，用戶在第一次打開頁(yè)面時(shí)，需要等待較長(zhǎng)時(shí)間加載無(wú)關(guān)資源。這些時(shí)候，我們就可以考慮進(jìn)行一定的代碼拆分（code splitting）。

實(shí)現(xiàn)方式

簡(jiǎn)單的按需加載

代碼拆分的核心目的，就是實(shí)現(xiàn)資源的按需加載?？紤]這么一個(gè)場(chǎng)景，在我們的網(wǎng)站中，右下角有一個(gè)類似聊天框的組件，當(dāng)我們點(diǎn)擊圓形按鈕時(shí)，頁(yè)面展示聊天組件。

btn.addEventListener('click', function(e) {
  // 在這里加載chat組件相關(guān)資源 chat.js
});

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

文章題目：在react-router4中進(jìn)行代碼拆分的方法（基于webpack）-創(chuàng)新互聯(lián)
URL地址：http://weahome.cn/article/ephoi.html