Замена внешнего файла библиотеки CSS на локально сохраненную версию - PullRequest
Новая
       27

Замена внешнего файла библиотеки CSS на локально сохраненную версию

1 голос
/ 10 мая 2019

У меня есть библиотека css, которую я импортирую прямо в свой основной файл css, например: 

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css);

Я хочу сохранить его локально в своем проекте и импортировать из папки

Я попытался загрузить файл и сохранить его в моем каталоге assets/css/, а затем добавить путь в angular.json следующим образом: 

"styles": [
  "src/styles.css",
  "src/assets/css/all.min.css"
],

Но после ng build (он печатает весь файл css, затем очищает терминал, затем не выдает ошибки), тогда я запускаю ng serve, но я получаю Failed to compile

Как это сделать самым чистым способом? (без установки ненужных файлов)

1 Ответ

1 голос
/ 10 мая 2019

Если вы пытаетесь загрузить только файл all.min.css, он не будет работать. Пакет font-awesome css, который вы импортировали напрямую, ссылается на / зависит от других онлайн-пакетов (например, спрайтов и веб-шрифтов). Мое решение было бы использовать npm пакет font-awesome или получить его из github .

Скопировано из all.css: 

.fab {
  src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
...