sass bootstrap4 没有应用到我的 html 文件

sass bootstrap4 is not getting applied to my html file

我是 sass 的新手,我有这个 html 文件,我已经应用了 sass

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<link href="sass/app.scss" rel="stylesheet" >
 </head>
<body>
hhhhhhhhhhhhhhhhhhhhhhhhhhllllllllllllll
</body>
</html>

和我的app.scss

@import "../node_modules/bootstrap/scss/bootstrap";

 body {
 font: 100% $font-size-lg;
color: $red;
 }

这些正文 scss 未应用于 html 文件任何帮助将不胜感激

app.scss

$primary: #3498db;
 $secondary: #e67e22;
$success: #2eeeff;
$danger: #e74c3c;

@import "../node_modules/bootstrap/scss/bootstrap.scss";

 /*# sourceMappingURL=styles.css.map */

html

 <link href="scss/app.css" rel="stylesheet" />