Asp.net Ядро пустое .scss-файлы в браузере

Question

Я разрабатываю Asp.net Core MVC WebApplication под Visual Studio 2015. Я работаю с Sass files в моем веб-приложении. Чтобы облегчить жизнь разработчикам FrontEnd, я хочу, чтобы файлы .css map в файл .scss в моем браузере (Chrome).

Я добавил .css файлы и .css.map файлы и .scss источники файлов в Wwwroot папки. (конечно, это была общедоступная папка).

Так что моя структура является

 
ProjectName 
    wwwroot 
    css 
    sass 

Но когда я открываю файл в браузере, это всегда пусто.

У меня есть файл app.UseDirectoryBrowser(); и app.UseStaticFiles(); в файле Startup.cs, чтобы быть уверенным, что он работает.

Я могу видеть мой файл, но когда я нажимаю на него, ... ничего не происходит (белая страница).

Что мне не хватает?

Answer 1

Я нашел решение. Мне нужно добавить правильный MIME-тип для .scss-файла в файл Startup.cs.

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