Javascript 构建大型前端项目的最佳方式是什么?
我目前正在使用Node.js和EJS作为模板引擎创建一个大型多页项目,在组织代码时遇到了一些问题。我只找到了关于css和js模式的建议,但是关于前端架构的信息很少。到目前为止,这是我发现的关于这个话题的最新信息 我将按如下方式重新订购我的代码:Javascript 构建大型前端项目的最佳方式是什么?,javascript,html,css,design-patterns,frontend,Javascript,Html,Css,Design Patterns,Frontend,我目前正在使用Node.js和EJS作为模板引擎创建一个大型多页项目,在组织代码时遇到了一些问题。我只找到了关于css和js模式的建议,但是关于前端架构的信息很少。到目前为止,这是我发现的关于这个话题的最新信息 我将按如下方式重新订购我的代码: \views home.ejs about.ejs products.ejs \partials header.ejs footer.ejs \css
\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
建议非常受欢迎。从您当前的结构中,我可以看出您是按类型(例如控制器)构建文件夹的。对于大型应用程序,它可能开始难以维持这样的结构,我认为按功能(例如,家庭、大约、产品)进行结构设计可以在将来节省您的时间 在这里可以找到一篇好文章(它是针对angular.js的,但模式总是相似的):
从您当前的结构中,我可以看出您是按类型(例如控制器)构建文件夹的。对于大型应用程序,它可能开始难以维持这样的结构,我认为按功能(例如,家庭、大约、产品)进行结构设计可以在将来节省您的时间 在这里可以找到一篇好文章(它是针对angular.js的,但模式总是相似的):
只要您的团队有一个易于记忆的组织系统,无论文件夹中有多少文件,您都是优秀的。就我个人而言,我经常将我的\css\img和\js全部放在\res文件夹中,因为我发现大部分时间都花在\views文件夹中,但同样,那只是我。你说得对,我大部分时间都花在view文件夹中。感谢您的回答。不要将控制器放入js路径,控制器必须位于视图的同一侧/同一角度。只要您的团队有一个易于记住的组织系统,无论文件夹中填充了多少文件,您都很好。就我个人而言,我经常将我的\css\img和\js全部放在\res文件夹中,因为我发现大部分时间都花在\views文件夹中,但同样,那只是我。你说得对,我大部分时间都花在view文件夹中。感谢您的回答。不要将控制器放入js路径,控制器必须与视图位于同一侧/角度。