Шаблон MEANJS: куда включать пользовательские файлы javascript?

Я начал использовать шаблон Mean JS (ссылка на веб-сайт) и хотел бы знать, где рекомендуется размещать общедоступный пользовательский код javascript, jQuery файлы (например, FacebookSDK, анимация jQuery,...) .

Я предполагаю, что это будет где-то в общей папке. Структура по умолчанию выглядит следующим образом: введите здесь описание изображения

Должен ли он идти в модули или папку lib? Можете ли вы дать больше рекомендаций о том, какова функция каждой папки? Какие-нибудь рекомендации?


javascript angularjs meanjs
person BassMHL    schedule 15.04.2015    source источник
comment
Вы нашли лучший ответ?   -  person Leon Gaban    schedule 17.04.2015
comment
Мне нужно было изучить его больше. Мне определенно нравится ваша структура папок. Единственная проблема заключается в том, что MeanJS Boilerplate имеет гораздо более гранулированную структуру. Каждый модуль (или компонент в вашей структуре) имеет свой собственный файл маршрутов, файл конфигурации и даже папку css/ и img/. Я не могу понять эту логику, но, вероятно, стоит открыть еще один вопрос.   -  person BassMHL    schedule 17.04.2015
comment
Ах да, я пробовал и MeanJS, и MeanIO, и, как и другие проекты, которые я загружаю с помощью Yoeman, я в конечном итоге удаляю большую часть того, что там есть, и создаю свою собственную структуру. В конце концов, возможно, я опубликую свою собственную сборку Yoeman, поэтому я загружаю то, с чем мне нравится работать, настраиваю gulp так, как мне нравится, файлы SASS и стартер приложения Angular :) Я считаю, что лучше всего работать с тем, что вы считаете лучшим в конце. Тоже делает вещи легкими...   -  person Leon Gaban    schedule 17.04.2015
comment
@StephLhm Я хочу узнать то же самое, с чем ты согласился? Благодарность   -  person andy mccullough    schedule 25.04.2015

Ответы (1)


arrow_upward
3
arrow_downward

Это отличная статья о структуре папок приложений 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

Что я использую в своем текущем проекте:
введите здесь описание изображения

person Leon Gaban    schedule 16.04.2015