Учебники

EmberJS — Управление зависимостями

Декабрь 14, 2018

Ember использует NPM и Bower для управления зависимостями, которые определены в package.json для NPM и bower.json для Bower. Например, вам может потребоваться установить SASS для таблиц стилей, которые не были установлены Ember при разработке приложения Ember. Для этого используйте Ember Addons для совместного использования повторно используемых библиотек. Если вы хотите установить какие-либо фреймворки CSS или зависимости DatePicker JavaScript, используйте менеджер пакетов Bower.

Addons

Ember CLI можно использовать для установки Ember Addons с помощью следующей команды: 

ember install ember-cli-sass

Команда ember install сохранит все зависимости в соответствующем файле конфигурации.

Беседка

Это менеджер пакетов для Интернета, который управляет компонентами 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'
});

Прочие активы

Как только все ресурсы будут помещены в общую папку / , они будут скопированы в каталог dist /. Например, если вы скопируете значок favicon, расположенный в папке public / images / favicon.ico , он будет скопирован в каталог dist / images / favicon.ico . Сторонние ресурсы можно добавить вручную в vendor / folder или с помощью диспетчера пакетов 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 .

35
Share: