c# - 浏览器中的 Asp.net Core 空 .scss 文件

Question

我在 Visual Studio 2015 下开发了一个 Asp.net Core MVC WebApplication。我正在我的网络应用程序中使用 Sass 文件。为了让我的前端开发人员的工作更轻松，我希望在浏览器 (Chrome) 中将 .css 文件映射到 .scss 文件。

我在 wwwroot 下添加了 .css 文件和 .css.map 文件以及 .scss 源文件文件夹。 (可以肯定的是，这是公共(public)文件夹)。

所以我的结构是

ProjectName  wwwroot    css    sass

但是当我在浏览器中打开该文件时，它始终是空的。

我在 Startup.cs 文件中添加了 app.UseDirectoryBrowser(); 和 app.UseStaticFiles();，以确保它有效。

我可以看到我的文件，但是当我单击它时，...什么也没有发生(白页)。

我缺少什么？

Answer 1

我已经找到解决办法了。我需要在 Startup.cs 文件中为 .scss 文件添加正确的 MIME 类型。

public void Configure(IApplicationBuilder app, IHostingEnvironment env,
    ILoggerFactory loggerFactory)
{
    if (env.IsDevelopment())
    {
        app.UseDirectoryBrowser();

        var provider = new FileExtensionContentTypeProvider();
        // Add .scss mapping
        provider.Mappings[".scss"] = "text/css";
        app.UseStaticFiles(new StaticFileOptions()
        {
            ContentTypeProvider = provider
        });
    }
    else
    {
        app.UseStaticFiles();
    }
}