MEANJS 样板文件:在哪里包含自定义 javascript 文件?
MEANJS boilerplate : where to include custom javascript files?
我开始使用 Mean JS 样板文件 (ref website),想知道包含 public 自定义 javascript、jQuery 文件的推荐位置(例如.FacebookSDK,jQuery 动画,...)。
我假设它将位于 public 文件夹中的某个位置。默认结构如下:
它应该放在模块还是 lib 文件夹中?您能否就每个文件夹的功能提供更多指导?有什么指导方针吗?
这是一篇关于 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
我在当前项目中使用的是:
我开始使用 Mean JS 样板文件 (ref website),想知道包含 public 自定义 javascript、jQuery 文件的推荐位置(例如.FacebookSDK,jQuery 动画,...)。
我假设它将位于 public 文件夹中的某个位置。默认结构如下:
它应该放在模块还是 lib 文件夹中?您能否就每个文件夹的功能提供更多指导?有什么指导方针吗?
这是一篇关于 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
我在当前项目中使用的是: