亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

創建一個包含一些組件的 Javascript 包以供重用

創建一個包含一些組件的 Javascript 包以供重用

慕尼黑8549860 2023-03-03 10:20:06
我有一個后端渲染頁面(django,以防萬一)我想使用 PrimeVue 的一些組件和打包為 vue 組件的 markdown 編輯器對其進行一些改進?,F在,我們有一些使用 jquery 的小動畫,為此我們將來自 CDN 的 jquery 直接包含到我們的頁面中。幾個月前,我們需要使用更多客戶端交互來為頁面增添趣味,我們通過 CDN 將 vue.js 添加到該頁面(刪除 jquery),然后在我們也從中加載的 index.js 中編寫了一些 javascript CDN 并完成了我們的工作。這是目前的情況。該頁面目前看起來像這樣<html>  .... <script src="https://cdn/vue.js"></script> <script src="/static/index.js"></script>div#mainvue是 vue 運行并執行其所需操作的地方。這就是我們現在所在的位置。使用普通的 vue 是可以的。現在,我想加入一些來自 primevue 的組件以及包裝為 vue 組件的第 3 方降價編輯器。我想將所有這些以及普通的 vue 本身捆綁到一個單獨的 javascript 包中,我可以把它扔到 CDN 上并包含到我的所有頁面中。然后我的開發人員可以在index.js.這是一種合理的方法嗎?如果是,我該怎么做?我不熟悉 javascript 生態系統。如果不是,解決這個問題的正確方法是什么。我不想一路走下去 SPA 和 REST API。我只想在一個簡單的后端渲染頁面上使用一些第 3 方組件和 vue。
查看完整描述

1 回答

?
繁花如伊

TA貢獻2012條經驗 獲得超12個贊

既然你提到你不想“一路走下去 SPA”,一個合理的混合是在 MPA(多頁應用程序)模式下使用 Vue。這將需要使用 vue-cli/webpack 配置將你的 Vue 組件編譯成包,但是一旦你有了這個構建管道,這些包就可以通過 django-webpack-loader 在單獨的 Django 模板中使用。信息可以通過模板變量直接作為 Vue 組件屬性從 Django 傳遞。

重新捆綁,是的,您可以使用這種方法將所有這些資源捆綁到一個 JS 中,但是創建一個或多個代表共享邏輯(第三方庫、獨立組件,甚至 Vue本身),然后根據需要在各個 Django 模板上從這些包中挑選。

實現的步驟有點復雜,不能直接貼在這里,但我寫了一系列文章Django + Vue -- Best of Both Frontends來解釋。還有一個cookiecutter用于使用此方法引導新項目。我知道您已經有一個站點,但您也許可以在那里調整實施。


查看完整回答
反對 回復 2023-03-03
  • 1 回答
  • 0 關注
  • 76 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號