vue使用常見問題

一、webpack 編譯es6 動态引入 import() 時不能傳入變量

例如：dir = 'views/login.vue’ ； import(dir) 這樣寫編譯失敗，而傳入字元串 import('views/login.vue')則沒有問題

原因：webpack的現在的實作方式不能實作完全動态。

解決：通過字元串模闆來提供部分資訊給webpack；

例如：import(`views/${obj.component}`), 這樣編譯時會編譯所有./views下的子產品，但運作時确定obj.component的值才會加載，進而實作懶加載。