В нашей разработке мы используем RequireJS. Но часто для использования библиотек необходимо подключить стили. Для этого мы воспользуемся плагинами для RequireJS и стандартным файлом настройки. Для того чтобы подгрузить необходимы библиотеки можете прочитать статью.
Установка
Для подгрузки стилей вместе с библиотекой мы воспользуемся плагином require-css. Он уже у нас установлен, мы добавим наш файл require.config.js наши настройки:
requirejs.config({
map: {
'*': {
'css': 'require-css/css.min'
}
}
//....
});
Использование
Теперь если нам необходимо подгрузить стили добавляем их в зависимости к библиотекам:
requirejs.config({
shim: {
"bootstrap-datetimepicker": {
"deps": [
"bootstrap",
"moment/locale/ru",
"css!eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css"
]
}
},
baseUrl: "/components",
paths: {
"bootstrap-datetimepicker": "eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min"
}
});
Вывод
Подключить и использовать стили в RequireJs очень просто. Это позволяет нам использовать модули и не подключать на кадой странице стили. Чтобы узнать подробнее про работу с css в requireJs можете обратиться к документации.