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

Question

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

我已经添加的.css文件和.css.map文件和.scss下源文件的wwwroot文件夹中。（可以肯定的是，它是公共文件夹）。

所以我的结构是

项目名
  万维网
    css
    蠢货

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

我已经在我的 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();
    }
}