2017-05-13 120 views
0

我目前正在創建一個使用Node.js和EJS作爲模板引擎的大型多頁面項目,並且在組織我的代碼時遇到了一些問題。我只發現關於css和js模式的建議,但關於前端架構的信息很少。到目前爲止,我已經找到關於此主題的best link構建大型前端項目的最佳方式是什麼?

我即將重新整理我的代碼如下:

\views 
     home.ejs 
     about.ejs 
    products.ejs 
     \partials 
      header.ejs 
      footer.ejs 

\css 
    \home 
     home.css 
    \about 
     about.css 
    \products 
     produtcs.css 
\imgs 
\js 
     \controllers 
      home.js 
      about.js 
     products.js 
     \libs 
      jquery.js 
      analytics.js 
     \plugins 
      jquery.tooltip.js 
      textResize.js 
      formValidation.js 

建議都歡迎。

+1

只要你有一個組織體系,很容易記住你的團隊,怎麼不管許多文件填充文件夾,你很好。就我個人而言,我經常把我的\ css \ img和\ js都放在\ res文件夾中,因爲我發現大部分時間都花在了\ views文件夾上,但是,這只是我。 –

+0

你說得對,我大部分時間都花在視圖文件夾中。感謝您的回答。 –

+0

不要將控制器放入js路徑,控制器必須與視圖位於同一側/程度。 – calexandre

回答

2

從你當前的結構中我可以發現你按類型(例如控制器)構造你的文件夾。對於龐大的應用程序,它可能開始難以維持這種結構,我認爲按功能構建(例如,家庭,關於產品)可以節省您的時間。

一篇好文章可以在這裏(它是angular.js,但模式總是相似的)發現: https://scotch.io/tutorials/angularjs-best-practices-directory-structure

相關問題