Question

我目前正在创建一个使用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

建议非常受欢迎。

Answer 1

从您当前的结构我可以看出您按类型（例如控制器）构建文件夹。对于庞大的应用程序，它可能开始难以维持这样的结构，我认为按功能构建（例如家庭，关于产品）可以节省您的时间。

这里可以找到一篇好文章（它适用于angular.js，但模式总是相似的）： https://scotch.io/tutorials/angularjs-best-practices-directory-structure

构建大型前端项目的最佳方法是什么？

1 个答案: