如何不基於webpack, 使用vue js構建大型應用

時間 2021-05-07 17:06:16

1樓:

如果不使用webpack等任何模組打包方案,可以試試requirejs模組載入方案。

requirejs有配套的載入css和html的外掛程式,將.css,.html,.js放在乙個資料夾內,可以模擬成.vue的單檔案元件。

在requirejs的配置檔案中配置好所有的元件,以及vue,vue-router,vuex,axios等等所需要的外掛程式。

vue-router配置路由中一定要用懶載入的方式引入元件,否則在瀏覽器載入頁面時候,會將所有的元件載入進來。

這種方案目前我感覺也有兩個問題,

首先元件的html結構,css樣式表,js元件邏輯,三者雖然通過requirejs連線在一起,但是在瀏覽器載入的時候,會很散。如果專案的元件拆分的很細,就會有大量的html,css資源請求。這個問題可以小小優化下。

html問題,如果html結構很簡單,可以直接寫在vue元件的template屬性中。還有就是頁面的元件盡量不要劃分的太細。

css問題,將所有元件的樣式提出到乙個公共的樣式表檔案中,千萬一定注意樣式覆蓋問題。

還有乙個問題,相對麻煩點,在開發時我們會選用一些vue元件庫,比如說element-ui,當專案的一些功能,元件庫沒有提供,那就需要自己封裝或者在網路上找尋,問題是網路上現成的元件大都是以.vue配合webpack方案。這就需要花點時間修改下元件。

2樓:拂曉

這個問題下除了秀優越的,竟然幾乎沒有認真答題的 - -

直接上答案:如何不用構建工具開發Vue全家桶專案

主要思路是利用前端載入器載入元件,只要很簡單對元件做一層模組化包裝就可以,開發體驗已經很接近「單檔案元件」了,同時利用Vue的非同步元件特性也可以很好的實現按需載入,對於請求數過多的問題,文中也介紹了解決方案,當然,具體適不適合,還是要看專案情況,真正的大型專案,還是推薦使用構建工具。

基於資料並行的訓練方式,如何使用pytorch邊train邊eval?

Coder 你可以通過 torch.distributed 中 Collective functions 來實現自定義的匯聚, Paul 我理解的是你需要把兩部分的驗證結果綜合起來得到最後的驗證集效果,事實上我沒有使用過pytorch的分布式訓練,但是這兒有幾種可行的思路可以考慮一下。第一種是pyt...

python中如何不使用shuffle 函式就可以隨機打亂列表順序?

提供乙個思路 sorted list range 100 key lambda time time 10 5 44,56,68,92,20,32,80,8,45,57,69,93,81,9,21,33,70,94,46,82,10,22,34,58,47,71,83,95,11,35,59,1,23...

請問如何不使用 Python 等工具找出英文文件中出現次數最多的單詞?

用 英語詞頻統計助手 吧。簡單易用。匯入文件,統計完自動匯出包含單詞音標詞義的統計表。下。載。位址。ht刪tps pa除n.baid文http 字iLvDeKW7J JzSrXCQ 提。取碼 c7u2 唔。來行baby perl如何 perl e while for keys words var i...