Как импортировать файлы S CSS в файлы HTML - PullRequest
Новая
       20

Как импортировать файлы S CSS в файлы HTML

0 голосов
/ 09 марта 2020

Я создаю простой проект сайта с простыми HTML и S CSS.

файл HTML выглядит следующим образом: 

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello Bulma!</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css">
    <link rel="stylesheet" href="../../node_modules/bulma/bulma.sass">
    <link rel="stylesheet" href="../../node_modules/bulma/css/bulma.css">
    <link rel="stylesheet/scss" type="text/css" href="./header.css">
    <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
  </head>
  <body>
  <div class="header">
    <div class="columns header-contents">
      <div class="column is-four-fifths">
        <div class="header-logo">
          hier ist logo
        </div>
        <div class="header-title"> Title</div>
        <div class="title-content">content</div>
      </div>

      <div class="column">Auto</div>
      <div class="column">Auto</div>
    </div>
  </div>
  </body>
</html>

, и я хочу импортировать файл S CSS в этот файл HTML, но он не работал.

Есть ли у кого-нибудь решения?

Ответы [ 4 ]

0 голосов
/ 09 марта 2020

Вы не можете "импортировать" файл SASS / S CSS в документ HTML. SASS / S CSS - это препроцессор CSS, который запускается на сервере и компилируется в CSS код, который понимает ваш браузер.

Пожалуйста, используйте эту ссылку для компиляции файла sass / s css. https://thecoderain.blogspot.com/2019/12/run-and-compile-sass-scss-file-to-css.html

0 голосов
/ 09 марта 2020

Вы не импортируете файл SASS / S CSS непосредственно в файл HTML. Ваш S CSS будет скомпилирован в файл. css, и вместо этого вы включите этот файл css.

Я бы порекомендовал поискать учебники по S CSS.

0 голосов
/ 09 марта 2020

Вы не можете импортировать напрямую файл s css в html, потому что html просто прочитайте css файл, и вам нужно заполнить файл sass до css gulp или webpack

0 голосов
/ 09 марта 2020

Вы можете только "импортировать" css файлы. S CSS и co являются препроцессорами, которые принимают свой собственный синтаксис и преобразуют его в CSS. Таким образом, вы должны преобразовать свой S CSS в CSS, а затем <link> это в ваш HTML как обычный CSS (b c. Вот, что это.)

...