node package manager

oasi-sidebar

Компонент для работы с навигацией

Подключение компонента во внешнюю систему

  1. Необходимо установить плагин для подключения через bower
npm i bower-npm-resolver --save
  1. Неоходиомо создать или изменить файл .bowerrc в корне проекта
{
  "resolvers": [
    "bower-npm-resolver"
  ]
}
  1. Необходимо добавить компонента в bower.json зависимости
"devDependencies": {
    ...
    "oasi-sidebar": "npm:oasi-sidebar#*",
    ...
}
  1. Необходимо добавить компонента в bower.json overrides
"overrides": {
    ...
    "oasi-sidebar": {
      "main": [
        "dist/sidebar.js",
        "dist/sidebar.css"
      ]
    }
    ...
}
  1. Для поддержки стилей необходимо для body добавить класс oasi-components
  2. После всех вышеперечисленных действий можно подключать его в src/index.ts

Установка проекта для разработки

bower i && npm i

Сборка проекта

npm run build

(!) Действия после сборки

Необходимо в файле dist/sidebar.js сделать следующие изменения:

  • обединить все блоки вида
angular.module("oasi.sidebar")

в один и поместить в конец root, factory

Пример кода после переноса

return angular.module('oasi.sidebar', [])
  .service('navigationResource', NavigationResource)
  .run(["$templateCache", function($templateCache) {$templateCache.put("components/sidebar.html","...");}])
  .component('sidebar', new SidebarComponent());