Как использовать несколько файлов CSS в Meteor

Я начал использовать метеориту и хочу знать, что это хороший способ перенести HTML файл, который ссылается на многие файлы CSS. До сих пор я обнаружил, что метеорит автоматически загружает все файлы CSS в алфавитном порядке. Мои два вопроса:

  • Где я могу найти файлы CSS? (или откуда я могу контролировать, какие каталоги загружены)
  • Можно ли загружать определенные файлы CSS в определенном порядке?

Вот текущие ссылки, которые у меня есть в моем файле HTML, перед тем, как перейти на метеорит.

    <!-- Web Fonts  -->
    <link href="#" onclick="location.href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light'; return false;" rel="stylesheet" type="text/css">

    <!-- Libs CSS -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/fonts/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="vendor/owl-carousel/owl.carousel.css" media="screen">
    <link rel="stylesheet" href="vendor/owl-carousel/owl.theme.css" media="screen">
    <link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.css" media="screen">

    <!-- Theme CSS -->
    <link rel="stylesheet" href="css/theme.css">
    <link rel="stylesheet" href="css/theme-elements.css">
    <link rel="stylesheet" href="css/theme-animate.css">

    <!-- Current Page Styles -->
    <link rel="stylesheet" href="vendor/rs-plugin/css/settings.css" media="screen">
    <link rel="stylesheet" href="vendor/circle-flip-slideshow/css/component.css" media="screen">

    <!-- Skin CSS -->
    <link rel="stylesheet" href="css/skins/blue.css">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/custom.css">

    <!-- Responsive CSS -->
    <link rel="stylesheet" href="css/theme-responsive.css" />

Спасибо за помощь!:)

Ответы

Ответ 1

Нет необходимости предоставлять ссылку на таблицы стилей в метеоре. Просто поместите свой файл css в папку client/stylesheets. Метеор автоматически применит эти правила css.

Ответ 2

Как указано в @imslavko, вы можете найти поведение Метеор в https://guide.meteor.com/structure.html

Однако эти правила более важны для файлов .js code и .html шаблонов: Meteor объединяется и сводит к минимуму все .css в одном файле (если они предоставлены вами, а не на CDN), поэтому вы найдет единственную ссылку <link rel="stylesheet"> в вашем <head>.

Не забудьте поместить все файлы интерфейса внутри папки client во избежание ненужной загрузки и доступности сервера.

Таким образом, вы можете выбрать удобную структуру папок для файлов .css, например, поместить их все в client/stylesheets или использовать другие подпапки для лучшего управления ими.