Question

我正在寻找＆＃34;正确的方式＆＃34;在MVC Razor中做到这一点......我使用的是bootstrap主题 http://themes.getbootstrap.com/products/application

他们显示以下代码：

<link href="dist/toolkit.min.css" rel="stylesheet">

我认为对于href来说MVC Core Razor的正确方法应该是这样的：

src也是如此：

<script src="dist/toolkit.min.js"></script>

<script src=@Url.Content("dist/toolkit.min.js")></script>

我应该把上面的内容包起来在下面呢？ @section scripts {}

即。以下是必要的吗？ @section scripts { }

Answer 1

您是否看过提供的默认模板？大部分内容都是通过默认模板完成的，您可以根据自己的心愿调整。我假设你使用的是VS.NET或VS Code，老实说并不重要的是脚手架结果使用相同的结束布局，bower / gulp或yeoman（vs代码脚手架），注意默认模板已经有Bootstrap与JS一起烘焙。添加其他框架或功能，使用 bower （客户端）或 nuget

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - Default Web</title>

    <environment names="Development">
        <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
        <link rel="stylesheet" href="~/css/site.css" />
        <link rel="stylesheet" href="~/lib/font-awesome/css/font-awesome.css" />
    </environment>
    <environment names="Staging,Production">
        <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css"
              asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
              asp-fallback-test-class="sr-only" asp-fallback-test-property="position"
               asp-fallback-test-value="absolute" />
        <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />
        <link rel="stylesheet" href="~/lib/font-awesome/css/font-awesome.min.css" />
    </environment>
</head>

全部位于wwwroot文件夹中... Gulp在上述情况下完成了大部分繁重的工作。路径在gulpfile.js中编码，它完成所有＆＃34;动态＆＃34;获取脚本/ css文件设置正确的href / src项目，而不必使用Razor进行编码..

Razor中的MVC Core引导程序应用程序主题

1 个答案: