EmberJS - Управление зависимостями
Ember использует NPM и Bower для управления зависимостями, которые определены в package.json для NPM и bower.json для Bower. Например, вам может потребоваться установить SASS для ваших таблиц стилей, который не устанавливается Ember при разработке приложения Ember. Для этого используйте Ember Addons для совместного использования повторно используемых библиотек. Если вы хотите установить какие-либо зависимости CSS-фреймворка или JavaScript datepicker, используйте менеджер пакетов Bower.
Дополнения
Интерфейс командной строки Ember можно использовать для установки надстроек Ember с помощью следующей команды -
ember install ember-cli-sass
Команда установки ember сохранит все зависимости в соответствующий файл конфигурации.
Беседка
Это менеджер пакетов для Интернета, который управляет компонентами HTML, CSS, JavaScript или файлами изображений. Он в основном поддерживает и контролирует все пакеты и проверяет новые обновления. Он использует файл конфигурации bower.json для отслеживания приложений, размещенных в корне проекта Ember CLI.
Вы можете установить зависимости проекта с помощью следующей команды -
bower install <dependencies> --save
Активы
Вы можете поместить сторонний JavaScript в папку vendor / вашего проекта, которая недоступна в виде пакета Addon или Bower, и разместить собственные ресурсы, такие как robots.txt, favicon и т. Д., В папке public / вашего проекта. Зависимости, которые не устанавливаются Ember при разработке приложения Ember, должны быть включены с помощью файла манифеста ember-cli-build.js .
Модули AMD JavaScript
Вы можете указать путь к активу в качестве первого аргумента, а список модулей и экспорта - в качестве второго аргумента. Вы можете включить эти активы в файл манифеста ember-cli-build.js как -
app.import('bower_components/ic-ajax/dist/named-amd/main.js', {
exports: {
'ic-ajax': [
'default',
'defineFixture',
'lookupFixture',
'raw',
'request'
]
}
});
Экологические активы
Различные активы могут использоваться в разных средах, определяя объект в качестве первого параметра, который является именем среды, а значение объекта должно использоваться как актив в этой среде. В файле манифеста ember-cli-build.js вы можете включить как -
app.import ({
development: 'bower_components/ember/ember.js',
production: 'bower_components/ember/ember.prod.js'
});
Прочие активы
После того, как все ресурсы будут помещены в папку public / , они будут скопированы в каталог dist /. Например, если вы скопируете значок, размещенный в папке public / images / favicon.ico , он будет скопирован в каталог dist / images / favicon.ico . Сторонние ресурсы могут быть добавлены вручную в папку vendor / или с помощью диспетчера пакетов Bower с помощью параметра import () . Активы, которые не добавлены с помощью опции import () , не будут присутствовать в окончательной сборке.
Например, рассмотрим следующую строку кода, которая импортирует ресурсы в папку dist / .
app.import('bower_components/font-awesome/fonts/fontawesome-webfont.ttf');
Приведенная выше строка кода создает файл шрифта в dist / font-awesome / fonts / fontawesomewebfont.ttf . Вы также можете разместить указанный выше файл по другому пути, как показано ниже -
app.import('bower_components/font-awesome/fonts/fontawesome-webfont.ttf', {
destDir: 'assets'
});
Он скопирует файл шрифта в dist / assets / fontawesome-webfont.ttf .