似乎新MVC(link)中不支持动态捆绑,应该使用gulp任务完成。 MVC支持一些名为asp-append-version
的新属性,但我没有找到任何关于它如何工作的解释。我怀疑它正在计算文件内容的一些哈希值,甚至在文件更改后更新它。有没有关于它是如何工作的文件?
我也想知道它是如何检测文件更改的,或者它是否只是在每次MVC分析剃刀标记时重新计算哈希值。
答案 0 :(得分:64)
您可以查看LinkTagHelper
源代码,您将看到它基本上是通过FileVersionProvider
向href值添加版本查询字符串:
if (AppendVersion == true)
{
EnsureFileVersionProvider();
if (Href != null)
{
output.Attributes[HrefAttributeName].Value = _fileVersionProvider.AddFileVersionToPath(Href);
}
}
private void EnsureFileVersionProvider()
{
if (_fileVersionProvider == null)
{
_fileVersionProvider = new FileVersionProvider(
HostingEnvironment.WebRootFileProvider,
Cache,
ViewContext.HttpContext.Request.PathBase);
}
}
FileVersionProvider
将使用SHA256
算法计算文件内容的哈希值。然后它将对其进行url编码并将其添加到查询字符串中,如下所示:
path/to/file?v=B95ZXzHiOuQJzhBoHlSlNyN1_cOjJnz2DFsr-3ZyyJs
只有在文件更改时才会重新计算哈希值,因为它已添加到缓存中,但基于文件监视器的过期触发器:
if (!_cache.TryGetValue(path, out value))
{
value = QueryHelpers.AddQueryString(path, VersionKey, GetHashForFile(fileInfo));
var cacheEntryOptions = new MemoryCacheEntryOptions().AddExpirationToken(_fileProvider.Watch(resolvedPath));
_cache.Set(path, value, cacheEntryOptions);
}
此观察程序由HostingEnvironment.WebRootFileProvider
提供,它实现IFileProvider
:
//
// Summary:
// Creates a change trigger with the specified filter.
//
// Parameters:
// filter:
// Filter string used to determine what files or folders to monitor. Example: **/*.cs,
// *.*, subFolder/**/*.cshtml.
//
// Returns:
// An Microsoft.Framework.Caching.IExpirationTrigger that is triggered when a file
// matching filter is added, modified or deleted.
IExpirationTrigger Watch(string filter);
注意:您可以通过检查IMemoryCache
中的值来自己查看缓存的值:
//give the link:
<link rel="stylesheet" asp-append-version="true" href="~/css/site.css" />
//You can check the cached version
this.Context.RequestServices.GetRequiredService<IMemoryCache>().Get("/css/site.css")
//Which will show a value like:
/css/site.css?v=B95ZXzHiOuQJzhBoHlSlNyN1_cOjJnz2DFsr-3ZyyJs
答案 1 :(得分:12)
根据FileVersionProvider的当前实现,仅将哈希添加到相对文件路径,例如, <script src="~/js/jquery.min.js" asp-append-version="true"></script>
在使用绝对路径的情况下,例如, https://code.jquery.com/jquery-3.1.1.js
,不会添加哈希值。
答案 2 :(得分:12)
在剃刀中
var fileversion = '@this.AddFileVersionToPath("/js/components/forms.js")';
扩展方法
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.Mvc.Razor;
using Microsoft.AspNetCore.Mvc.TagHelpers.Internal;
using Microsoft.Extensions.Caching.Memory;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.FileProviders;
public static class IRazorPageExtensions
{
public static string AddFileVersionToPath(this IRazorPage page, string path)
{
var context = page.ViewContext.HttpContext;
IMemoryCache cache = context.RequestServices.GetRequiredService<IMemoryCache>();
var hostingEnvironment = context.RequestServices.GetRequiredService<IHostingEnvironment>();
var versionProvider = new FileVersionProvider(hostingEnvironment.WebRootFileProvider, cache, context.Request.Path);
return versionProvider.AddFileVersionToPath(path);
}
}