Question

所以我已经在这个项目上工作了一段时间，我想把自己的css添加到项目中。我试图将新的scss文件添加到项目中并将其内置到主css文件中，但是Gulp并不想导入我的scss文件。

这是gulp代码

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="footer-top">
  <ul class="navbar-list" id="icons-list">
    <li class="navbar-icons">
      <a href="#"><i class="fa fa-facebook-square fa-6" aria-hidden="true"></i></a>
    </li>
    <li class="navbar-icons">
      <a href="#"><i class="fa fa-instagram fa-6" aria-hidden="true"></i></a>
    </li>
    <li class="navbar-icons">
      <a href="#"><i class="fa fa-youtube-square fa-6" aria-hidden="true"></i></a>
    </li>
  </ul>
</div>

非常感谢任何帮助！

Answer 1

如果您希望在命令行中使用gulp立即运行该任务，则需要在默认情况下添加该任务。你可以这样做......

gulp.task( 'default', function () {
    gulp.start(
        'sass'
    );
} );

尝试使用我的存储库在HTML项目中使用SASS，它在您更改scss文件时支持babel（可选）和自动重新加载页面;）

https://github.com/shramee/gulp-sass-babel

Gulp没有使用新的scss文件更新输出css

1 个答案: