2017-05-13 123 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

相关问题