Как включить сторонние модули в библиотеку Angular, созданную с помощью CLI - PullRequest
Новая
       13

Как включить сторонние модули в библиотеку Angular, созданную с помощью CLI

0 голосов
/ 08 сентября 2018

Я хотел бы использовать модуль Pure.css в библиотеке Angular, созданной с помощью команды CLI generate library.

У меня есть приложение рабочей области, в котором я выполнил команду generate library для создания библиотеки. Библиотека была успешно создана, и я смог связать ее и установить в другой проект. Однако я хотел бы использовать систему сетки из библиотеки Pure.css, в файле angular.json приложения рабочей области (содержащего библиотеку) у меня есть запись стилей в конфигурации сборки проекта библиотеки, например. 

"styles": [
   "node_modules/purecss/build/pure-min.css",
   "node_modules/purecss/build/grids-responsive-min.css"
]

и в одном из компонентов библиотеки у меня есть разметка, которая использует правила Pure.css, такие как 

<div class="pure-g">
  <div class="pure-u-1-3"><p>Thirds</p></div>
  <div class="pure-u-1-3"><p>Thirds</p></div>
  <div class="pure-u-1-3"><p>Thirds</p></div>
</div>

Но когда я использую компонент во внешнем проекте, становится ясно, что стили не применяются.

Итак, я импортировал файлы стилей Pure.css в файл .css соответствующего компонента, например 

@import url("node_modules/purecss/build/pure-min.css");
@import url("node_modules/purecss/build/grids-responsive-min.css");

это работает, но я бы хотел, чтобы стили из библиотеки Pure.css были включены во всю библиотеку вместо одного компонента.

Есть ли способ достичь этого, я провел некоторый поиск, но не смог найти никаких ресурсов, возможно, возможно, можно настроить ng-packagr для включения стилей в сборку библиотеки?

Я собираю библиотеку из проекта рабочей области, используя сценарий, определенный в файле package.json, например 

"build:lib": "ng-packagr -p projects/my-library-project/package.json"

А как мне вообще установить сторонние модули в проект библиотеки, установить ли их через проект рабочей области?

Любая помощь приветствуется, спасибо.

1 Ответ

0 голосов
/ 08 сентября 2018

Вы можете импортировать стороннюю библиотеку внутри tsconfig.json 

"paths": {
  "example-ng6-lib": [
    "dist/example-ng6-lib"
  ]
}
...