如何将 SCSS 文件导入 HTML 文件

新手上路,请多包涵

我用简单的 HTML 和 SCSS 创建了一个简单的网站项目。

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>

我现在想将 SCSS 文件导入到这个 HTML 文件中,但它不起作用。

有人有解决方案吗?

原文由 user1938143 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 700
1 个回答

如果你使用 VSCode,你可以安装“Live SASS Compiler”

实时 SASS 编译器

然后你可以创建一个.scss文件并点击右下角的“Watch Sass”

观看SASS

它将把你的 .scss 文件编译成一个 .css 文件,你可以将它导入到你的 HTML 文档中。

原文由 Dacomis 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题