链接从 Bootstrap Studio 导出的 CSS 文件的问题
Issue linking CSS files exported from Bootstrap Studio
我正在开发一个 ASP.NET MVC 项目。我在 visual studio 中设计了我的网页。起初,我只是将 HTML 代码复制到 .cshtml 文件中,然后将 .css 文件移动到适当的位置(在 wwwroot 中)。
当我这样做时,在 .css 文件的末尾,有以下 link:
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/styles.min.css?h=a9f290cd0cc57883e137369b4ae648cc">
我当时并不担心.css文件扩展名后面的字符。样式表没有问题。
再次导出后,最后得到新号码:
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/styles.min.css?h=cd91b4591da6e3a842e0881e1a97d069">
我原以为这不会有问题,我可以直接替换文件。我替换了文件,然后替换了 link。结果,与这些样式表关联的所有 html 页面都停止使用该样式表。我检查了网络,我的浏览器似乎确实 link 正在使用样式表。
我恢复到原来的 link,唯一缺少的样式是我添加的新样式。它似乎引用了一个较旧的样式表(我看不到)。
更新:
不出所料,最后的数字是版本号。
解决方法:当您从 Bootstrap Studio 导出时,会出现一个复选框,用于确定是否对导出的资产进行版本控制。之前检查过。我只是取消选中它,并替换了文件和相应的链接(到不包含版本号的链接)。一切都很好。
我认为问题始于 bootstrap.css 文件中的这行代码:
sourceMappingURL=bootstrap.css.map
我也相信解决这个问题的方法是替换 bootstrap.css.map 文件(我显然忘了这样做)以便更新版本映射。
如果不需要版本控制,可以像我一样做,或者他们可以注释掉代码行like this。
我正在开发一个 ASP.NET MVC 项目。我在 visual studio 中设计了我的网页。起初,我只是将 HTML 代码复制到 .cshtml 文件中,然后将 .css 文件移动到适当的位置(在 wwwroot 中)。
当我这样做时,在 .css 文件的末尾,有以下 link:
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/styles.min.css?h=a9f290cd0cc57883e137369b4ae648cc">
我当时并不担心.css文件扩展名后面的字符。样式表没有问题。
再次导出后,最后得到新号码:
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/styles.min.css?h=cd91b4591da6e3a842e0881e1a97d069">
我原以为这不会有问题,我可以直接替换文件。我替换了文件,然后替换了 link。结果,与这些样式表关联的所有 html 页面都停止使用该样式表。我检查了网络,我的浏览器似乎确实 link 正在使用样式表。
我恢复到原来的 link,唯一缺少的样式是我添加的新样式。它似乎引用了一个较旧的样式表(我看不到)。
更新:
不出所料,最后的数字是版本号。
解决方法:当您从 Bootstrap Studio 导出时,会出现一个复选框,用于确定是否对导出的资产进行版本控制。之前检查过。我只是取消选中它,并替换了文件和相应的链接(到不包含版本号的链接)。一切都很好。
我认为问题始于 bootstrap.css 文件中的这行代码:
sourceMappingURL=bootstrap.css.map
我也相信解决这个问题的方法是替换 bootstrap.css.map 文件(我显然忘了这样做)以便更新版本映射。
如果不需要版本控制,可以像我一样做,或者他们可以注释掉代码行like this。