如何優雅的開發多頁應用?

時間 2021-07-04 02:30:00

1樓:

需要乙個模版引擎,處理公共模版。也可以沒有,沒有的話需要拼接html字串。還是有比較好。

定義乙個配置,如定義js庫在哪個目錄下,為了下一步編寫指令碼用。

編寫grunt/gulp指令碼,將公共的庫打包壓縮,剩下的頁面js統一過babel複製到指定地方。

多頁面應用vue全家桶那套沒一點用處,webpack也不需要。

能元件化。追求效能和scoped-css的話,需要自己實現vue-loader。。。嗯,大神去吧。

如果不追求效能的話,只要解決在js中引入html的問題就行。這個自己寫或者通過grunt/gulp都有三方庫。

你的結構很有可能是

-component

--product-list-horizonal

----template.html

----product-list-horizonal.js

----template.css

// product-list-horizonal.js

const

template

=require

('./template.html'

);require

('./template.css'

);Vue

.component

('product-list-horizonal',);

離優雅很遠,但是能用。

如果是為了其他原因需要看起來多頁面,可以看ssr。

前端react單頁應用專案太大,導致開發環境編譯過慢,有什麼解決思路麼?

失禮 既然限定了是單個應用,那就用 federation 拆一下。如果你能說服業務方改變選單路徑甚至是互動層級,那麼乾坤也可以,但是不同於多應用整合場景,拆乙個到多個其實還是有髒活累活的。所以,用 federation 比較合適。如果你願意折騰還可以做按需編譯,這個方式不需要用微前端拆解,但是打包還...

如何在Mac上優雅的開發PHP專案?

auxten 人與動物最大的區別就是,人會使用工具。下面是如何優雅的使用Mac開發之工具篇 1.IDE PhpStorm,收費的但絕對物有所值,世界上有家公司叫JetBrains,他們開發的IDE都炒雞好使,誰用誰知道 JetBrains IDEs to create a better Web In...

安卓應用怎麼開發的?

報班去,找乙個好點的培訓機構,多逛些論壇了這種開發者比較集中的地方,多學習交流,給你推薦乙個平台 http www.ineice.com 分割線推薦你幾本安卓入門的書籍,希望有用 深入淺出Google Android 這本書講解的非常初級和羅嗦,說實話還比較適合入門時看一下,因為對每部分都講解了很多...