css js bundle

最新推荐文章于 2025-06-25 09:14:26 发布

努力成为好爸爸

最新推荐文章于 2025-06-25 09:14:26 发布

阅读量961

点赞数

CC 4.0 BY-SA版权

分类专栏： MVC

本文链接：https://blog.youkuaiyun.com/jsjpanxiaoyu/article/details/78294592

MVC 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了MVC项目中布局文件(Layout.cshtml)的结构及其如何根据不同环境加载对应的样式表和脚本文件。通过条件语句实现开发环境使用未压缩版本而生产环境使用压缩版本的资源文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

------------- Layout.cshtml -------------
<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Title</title>

@this.Html.Partial("BundleStylesFile")
@this.RenderSection("Styles", required: false)
</head>
<body>
html code

@this.Html.Partial("BundleScriptsFile")
@this.RenderSection("Scripts", required: false)

<script>
...
</script>
</body>
</html>

------------- BundleStylesFile.cshtml -------------
<environment names="@EnvironmentName.Development">
<link rel="stylesheet" href="~/css/bootstrap/bootstrap.css" asp-append-version="true" />
...
</environment>
<environment names="@EnvironmentName.Staging,@EnvironmentName.Production">
<link rel="stylesheet" href="~/css/bootstrap/bootstrap.min.css" asp-append-version="true" />
...
</environment>
------------- BundleScriptsFile.cshtml -------------
<environment names="@EnvironmentName.Development">
<script src="~/js/bootstrap/bootstrap.js" asp-append-version="true"></script>
...
</environment>
<environment names="@EnvironmentName.Staging,@EnvironmentName.Production">
<script src="~/js/bootstrap/bootstrap.min.js" asp-append-version="true"></script>
...
</environment>