ember.js лучший способ загрузить несколько файлов css и js

Question

Я создаю приложение ember. Сейчас я загрузив все JS и CSS файлы в файл index.html, как это:

<link type="text/css" rel="stylesheet" href="assets/css/gumby.css" media="all" /> 
<link type="text/css" rel="stylesheet" href="assets/css/pages/global.css" media="all" /> 
<link type="text/css" rel="stylesheet" href=assets/css/tooltipster.css" media="screen" /> 
<link type="text/css" rel="stylesheet" href="assets/css/jquery.fancybox.css" media="screen" /> 
<link type="text/css" rel="stylesheet" href="assets/css/pages/about.css" media="screen" /> 
<link type="text/css" rel="stylesheet" href="assets/css/pages/admin.css" media="screen" /> 
<link type="text/css" rel="stylesheet" href="assets/css/pages/global_print.css" media="print" /> 

JS файлы:

<script src="assets/js/libs/jquery-1.9.0.min.js"></script> 
<script src="js/libs/handlebars-1.1.2.js"></script> 
<script src="js/libs/ember-1.6.1.js"></script> 
<script src="js/libs/ember-data.js"></script> 
<script src="js/app.js"></script> 
<script src="js/router.js"></script> 
<script src="js/account.js"></script> 
<script src="js/message.js"></script> 
<script src="js/user.js"></script> 
<script src="js/inquiry.js"></script> 

Я знаю его не с лучшей практики, чтобы загрузить все JS и CSS файлы при запуске приложения. Я хотел, как другие люди делают для их применения, и как лучше всего это сделать.

Answer 1

Я считаю, что общепринятый подход заключается в том, что таблицы стилей идут вверху, а зависимости javascript идут внизу, что похоже на то, как вы его организовали.

Помимо WHERE в вашем файле вы запрашиваете эти файлы, имейте в виду, что каждый отдельный скрипт или тег ссылки является индивидуальным обратным вызовом на сервер. 17 поездок туда и обратно, не считая изображений и т. Д., Может стать настоящим ударом для пользователя.

Рассматривали ли вы использование Ember-CLI для своего проекта? (http://www.ember-cli.com) Это делает вещи вроде этого - намного проще. Он объединит все ваши библиотеки и таблицы стилей для вас и сэкономит вам много времени. Тем более, если вы используете препроцессоры для таблиц стилей или javascript.

Если вы не так склонны использовать Ember-CLI, существует множество утилит и веб-сайтов, которые сжимают ваши зависимости для вас.