Я пытаюсь импортировать.css из полного календарного пакета.
Во-первых, я создал новый компонент my-calendar (html, scss, ts).
Затем я попробовал 3 разных способа, но для меня работал только последний:
-
Ссылка на файл напрямую, как указано в документации, в index.html (он не работает, потому что ссылка на node_modules теряется при создании проекта)
<link href="node_modules/fullcalendar/dist/fullcalendar.min.css" rel="stylesheet">
-
Добавление
@import "~fullcalendar/dist/fullcalendar.min.css";
в my-calendar.scss. Если я не ошибаюсь, это должно добавить стиль в main.css, когда проект строится (не работает) -
Создайте собственную конфигурацию копирования (copy.config.js)
module.exports = { ... copyFullCalendar: { src: ['{{ROOT}}/node_modules/fullcalendar/dist/fullcalendar.min.css'], dest: '{{BUILD}}' } }
и добавление
@import "fullcalendar.min.css"
; в мой календарь.scss
ОБНОВИТЬ:
и добавление @import "fullcalendar";
в мой календарь.scss
во избежание ошибок компилятора при использовании ионной сборки --aot --minifycss --minifyjs
Я был бы признателен, если бы кто-нибудь мог прояснить лучший способ и объяснить, если я неправильно понял какую-то концепцию.
PS: Помните, что я работаю с Ionic3, и я не использую Angular CLI.