如何爲網站的不同部分分開JavaScript代碼？

Question

我有兩個概念部分的網站 - 公衆，這是顯示給用戶，當他們是客人。

我希望公共部分在JS代碼中儘可能輕量級，在服務器上渲染許多元素並將它們作爲HTML傳遞，然後用客戶端JS代碼做一些事情。

網站的用戶部分是用戶登錄時，它的結構更動態，其JS代碼大小可能相當大。用戶在此管理她的內容，添加，刪除，搜索和過濾。這部分加載時等待一些時間是很好的。

我想，我想爲網站的公共和私人部分分開代碼庫，但如果可能的話，我仍然不想在兩者之間重複代碼。

我看到這些方法： 1.使用一個小的JS文件，找出它所在的位置，然後根據當前上下文（私人或公共）加載主邏輯文件。 2.完全分離邏輯並放入2個獨立文件，然後附加到2個相應的html模板。 3.擁有一個具有公共部分邏輯的文件，如果發生用戶登錄，則從公共文件動態加載私有邏輯文件。

如何決定哪種方式最好？請指教。

Answer 1

我相信你的第三種方法會工作得最好。 1st帶來了用於確定用戶當前權限的中間步驟的等待時間。第二次需要整頁重新加載。如果做得對，第三看起來最合理。

如果您設置一個cookie來記住用戶登錄進行下次訪問，那麼您可以將兩個腳本附加到服務器上（如果您的HTML是動態生成的），或者甚至在需要時將它們合併在一起發送爲一個文件。如果使用一些構建工具，如吞嚥或咕嚕聲，這可能很容易維護。