Question

在我从事的Django项目中，我们使用django-sass-processor，它允许我们使用模板标签包含SCSS文件

{% sass_src 'path/to/file.scss' %}

此外，在调试模式下，页面直接从SCSS文件加载（无需首先编译为CSS），因此您可以使用Chrome中的Inspect工具查找源代码中的位置（在这种情况下，为Materialize，尽管我现在将Bootstrap 4用于另一个项目），设置了CSS属性。

我现在正在一个没有Django的简单，静态网站上工作。我目前正在使用Grunt.js任务来编译SCSS，但这会“隐藏”属性来自Bootstrap 4的源代码。

我可以为此静态站点设置类似于django-sass-processor的东西吗？

更新

为了更好地说明我的意思，这是我提到的使用django-sass-processor的Django项目的屏幕截图。在开发模式下，您可以看到显示的某些样式直接来自.scss文件，而不是编译.css文件。对于静态（非Django）网站，有什么办法可以实现？