构建大型前端项目的最佳方式是什么？ [关闭]答案

【问题标题】：What is the best way to structure a big Front-End project? [closed]构建大型前端项目的最佳方式是什么？ [关闭]
【发布时间】：2017-05-13 23:45:12
【问题描述】：

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

非常欢迎推荐。

【问题讨论】：

只要您有一个便于团队记住的组织系统，无论文件夹中有多少文件，您都可以。就个人而言，我经常将我的 \css \img 和 \js 都放在 \res 文件夹中，因为我发现大部分时间都花在 \views 文件夹上，但同样，这只是我。
你说得对，我大部分时间都在视图文件夹中。谢谢你的回答。
不要把你的控制器放到 js 路径中，控制器必须在视图的同一边/度数上。

标签： javascript html css design-patterns frontend

【解决方案1】：

从您当前的结构中，我可以确定您按类型（例如控制器）构建文件夹。对于大型应用程序，维护这样的结构可能开始变得困难，我认为按功能（例如家庭、关于、产品）进行结构化可以节省您将来的时间。

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

【讨论】：