在我的應用程序中,我有大約 10 個不同的頁面,其中大部分使用某種 JavaScript。app.js目前,我有一個包含在所有頁面中的客戶端文件。為了弄清楚要在頁面上附加哪些事件偵聽器,我基本上檢查url位置并從那里開始:window.onload = function () { let urlLocation = window.location.pathname.split('/')[1] //Global functionality for all pages UIctrl.toggleActiveNavbar(urlLocation) //createTopic route if (urlLocation === 'createTopic' || urlLocation === 'edit') { UIctrl.createTopicTagsBasedOnCategory() UIctrl.handleCreateOrEditTopicClick() } if (urlLocation === 'editPost' || urlLocation === 'createPost') { UIctrl.handleCreateOrEditPostClick() } // .... and so on }盡管它有效,但我認為這不是一個好方法。如果一個項目變得足夠大,就很難管理它。我無法找到如何正確執行此操作的答案。我的問題是:我應該js為每一頁準備單獨的文件嗎?我的問題是我必須復制所有頁面上使用的通用代碼。您是否在您的 express 應用程序中使用某種捆綁器(webpack/parcel)來解決這個問題?也許你可以指點我一個顯示如何正確設置它的存儲庫。這在現實世界的生產環境中是如何完成的?謝謝。
如何在 Express 應用程序中組織客戶端 js?
慕虎7371278
2023-05-19 17:07:45