我用简单的 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 许可协议
如果你使用 VSCode,你可以安装“Live SASS Compiler”
然后你可以创建一个.scss文件并点击右下角的“Watch Sass”
它将把你的 .scss 文件编译成一个 .css 文件,你可以将它导入到你的 HTML 文档中。