Question

我已经启动了一个新的MVC5 ASP.Net应用程序。我一直疯狂地阅读所有我能做的事情，我不确定我是否完全理解我做错了什么。

我已将我的javascript页面添加到js文件夹以及我的css到其相应的文件夹。我已经将它添加到BundelConfig.cs文件中的App_Start文件夹中：

<View style={{height:this.state.pan.y._value}}></View>

然后将其添加到Shared _Layout.cshtml文件

bundles.Add(new ScriptBundle("~/bundles/modernizr").Include("~/Scripts/modernizr-*"));
bundles.Add(new ScriptBundle("~/bundles/skel").Include("~/Scripts/skel.js"));
bundles.Add(new ScriptBundle("~/bundles/skel").Include("~/Scripts/awards.js"));
bundles.Add(new ScriptBundle("~/bundles/skel").Include("~/Scripts/main.js"));
bundles.Add(new ScriptBundle("~/bundles/skel").Include("~/Scripts/index.js"));
bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/main.css", "~/Content/awards.css"));
bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/font-awesome.min.css"));
bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/fullcalendar.css", "~/Content/fullcalendar.print.css"));
bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/noscript.css"));

中的

：

<head>

位于@Styles.Render("~/Content/css/main") @Styles.Render("~/Content/css/font-awesome.min") @Styles.Render("~/Content/css/main") @Styles.Render("~/Content/css/noscript") @Styles.Render("~/Content/sass/main") @Styles.Render("~/Content/sass/noscript")标记结束的正上方：

<body>

当我运行它时，我没有得到任何错误，但HTML就是这样，HTML。我在哪里错了？

Answer 1

你的逻辑不是很正确。您正在使用覆盖bundles集合中之前的虚拟路径的相同虚拟路径创建多个捆绑包。

首先，bundle的想法是将多个JS / CSS文件作为单个文件连接在一起。您可以通过调用ScriptBundle()或StyleBundle()，为该捆绑包提供虚拟路径，然后使用Include()添加文件和/或文件夹来执行此操作。

其次，在使用Scripts.Render()或Styles.Render()时，您可以在视图中使用虚拟路径。试试这个：

bundles.Add(new ScriptBundle("~/bundles/modernizr").Include("~/Scripts/modernizr-*"));
bundles.Add(new ScriptBundle("~/bundles/skel")
  .Include("~/Scripts/skel.js")
  .Include("~/Scripts/awards.js")
  .Include("~/Scripts/main.js")
  .Include("~/Scripts/index.js"));

bundles.Add(new StyleBundle("~/Content/css")
  .Include("~/Content/main.css", "~/Content/awards.css")
  .Include("~/Content/font-awesome.min.css")
  .Include("~/Content/fullcalendar.css", "~/Content/fullcalendar.print.css")
  .Include("~/Content/noscript.css"));

// In the view(s)
@Styles.Render(~/Content/css)
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/skel")
@RenderSection("scripts", required: false)

让我的脚本和CSS页面与MVC5应用程序一起使用

1 个答案: