剃刀页:在哪里获得正确的脚本引用语法

时间:2019-03-03 15:01:43

标签: asp.net asp.net-mvc razor

Visual Studio 2017默认情况下会创建对脚本和CSS的引用

<environment include="Development">
    <script src="~/lib/jquery/dist/jquery.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.js"></script>
</environment>
<environment exclude="Development">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"
            asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
            asp-fallback-test="window.jQuery"
            crossorigin="anonymous"
            integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=">
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"
            asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"
            asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"
            crossorigin="anonymous"
            integrity="sha256-E/V4cWE4qvAeO5MOhjtGtqDzPndRO1LBk8lJ/PR7CA4=">
    </script>
</environment>

我想这比从服务器上获取所有内容要快一些。这对Bootstrap和jQuery很有好处。然后,如果我想引用超棒的字体,smoothscroll和其他库,在哪里可以找到引用它们的正确方法?

1 个答案:

答案 0 :(得分:1)

如果您的问题是关于引用cdn上的其他库,那么您只需要在Google上搜索{libname} cdn即可,也可以浏览cdnjs并搜索所需的库。您可以引用这样的脚本

<script src="https://cdnjs.cloudflare.com/url"></script>

如果出于安全原因需要integrity值,则可以使用this tool自己生成此哈希,也可以阅读this article以获得更多信息。如果您需要asp-fallback-src,只需从CDN下载脚本,将其添加到项目中并引用即可。