Vue中路由的懶加載

First

npm i vue-router -D

Second

npm install --save-dev babel-plugin-syntax-dynamic-import

修改.babelrc:

{
  "plugins": ["syntax-dynamic-import"]
}

注意: 此時要注意安裝的babel-plugin-syntax-dynamic-import版本,要與babel的版本對應(yīng)。

Third

import VueRouter from 'vue-router';

Vue.use(VueRouter)

ok!~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Babel是一個廣泛使用的轉(zhuǎn)碼器,可以將ES6代碼轉(zhuǎn)為ES5代碼,從而在現(xiàn)有環(huán)境執(zhí)行。 這意味著,你可以現(xiàn)在就用 ...
    yichen_china閱讀 1,384評論 0 3
  • 響應(yīng)式布局的理解 響應(yīng)式開發(fā)目的是一套代碼可以在多種終端運行,適應(yīng)不同屏幕的大小,其原理是運用媒體查詢,在不同屏幕...
    懶貓_6500閱讀 857評論 0 0
  • vue-cli搭建項目 確保安裝了node與npm 再目標(biāo)文件夾下打開終端 執(zhí)行cnpm i vue-cli -g...
    Akiko_秋子閱讀 3,365評論 1 22
  • 懶加載 (1)定義:懶加載也叫延遲加載,即在需要的時候進(jìn)行加載,隨用隨載。 (2)異步加載的三種表示方法: 1.r...
    長是人千離閱讀 8,193評論 1 11
  • babel官網(wǎng) babel 介紹 Babel 是一個通用的多用途 JavaScript 編譯器。通過 Babel ...
    鋒享前端閱讀 1,931評論 0 10

友情鏈接更多精彩內(nèi)容