Asp.net核心空瀏覽器中的空.scss文件

Question

我開發了一個Asp.net核心MVC WebApplication在Visual Studio 2015。 我正在與Sass文件在我的web應用程序。 爲了讓我的FrontEnd開發人員的生活更輕鬆，我希望將.css文件映射到瀏覽器中的.scss文件（Chrome）。

我已經加入的.css文件和.css.map文件和.scss源文件下wwwroot文件夾。 （當然，這是公共文件夾）。

所以我的結構是

 
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(); 
    } 
}