MEANJS 样板：在哪里包含自定义 javascript 文件？

Posted 2023-03-03

【中文标题】MEANJS 样板：在哪里包含自定义 javascript 文件？

【英文标题】：MEANJS boilerplate : where to include custom javascript files?

【发布时间】：2015-06-21 19:00:11

【问题描述】：

我开始使用 Mean JS 样板文件 (ref website)，并想知道在哪里推荐包含公共自定义 javascript、jQuery 文件（例如 FacebookSDK、jQuery 动画...）的位置。

我假设它将位于公共文件夹中的某个位置。默认结构如下：

它应该放在模块还是 lib 文件夹中？您能否就每个文件夹的功能提供更多指导？有什么指导方针吗？

【问题讨论】：

你找到更好的答案了吗？

我需要对其进行更多研究。我绝对喜欢你的文件夹结构。唯一的问题是 MeanJS Boilerplate 具有更精细的结构。每个模块（或结构中的组件）都有自己的路由文件、配置文件甚至 css/ 和 img/ 文件夹。我无法理解这个逻辑，但可能值得提出另一个问题

哦，是的，我尝试过 MeanJS 和 MeanIO，就像我用 Yoeman 下载的其他项目一样，我最终删除了大部分内容并创建了自己的结构。最终，也许我会发布我自己的 Yoeman 构建，所以我下载我喜欢使用的东西，以我喜欢的方式进行 gulp 设置，SASS 文件和 Angular 应用程序启动器 :) 我发现最好使用你认为最好的东西到底。让事情变得轻松......

@StephLhm 我想知道完全相同的事情，你解决了什么问题？谢谢

【参考方案1】：

这是一篇关于 Angular 应用程序文件夹结构的精彩文章： https://scotch.io/tutorials/angularjs-best-practices-directory-structure

要回答您关于 jQuery / bootstrap.js 之类的问题，我会将它们放入 libs 文件夹中。

我现在在所有应用中都使用这种方法。对于您的 Angular 文件，小型应用程序的旧方式/方式可能是这样的：

app/
----- controllers/
---------- mainController.js
---------- otherController.js
----- directives/
---------- mainDirective.js
---------- otherDirective.js
----- services/
---------- userService.js
---------- itemService.js
----- js/
---------- bootstrap.js
---------- jquery.js
----- app.js
views/
----- mainView.html
----- otherView.html
----- index.html

更好更有效的方式（也更具描述性）：

app/
----- shared/   // acts as reusable components or partials of our site
---------- sidebar/
--------------- sidebarDirective.js
--------------- sidebarView.html
---------- article/
--------------- articleDirective.js
--------------- articleView.html
----- components/   // each component is treated as a mini Angular app
---------- home/
--------------- homeController.js
--------------- homeService.js
--------------- homeView.html
---------- blog/
--------------- blogController.js
--------------- blogService.js
--------------- blogView.html
----- app.module.js
----- app.routes.js
assets/
----- img/      // Images and icons for your app
----- css/      // All styles and style related files (SCSS or LESS files)
----- js/       // JavaScript files written for your app that are not for angular
----- libs/     // Third-party libraries such as jQuery, Moment, Underscore, etc.
index.html

我在当前项目中使用的内容：