呈現樣式包捆綁與樣式鏈接不一樣

我有一個ASP.NET MVC應用程序，它使用keenthemes的Metronic模板。呈現樣式包捆綁與樣式鏈接不一樣

當我在我的CSS佈局中使用bundle時，它不工作。大部分的圖標不會出現

如果我切換到直接鏈接，那麼一切都很好。

Javascript還可以。

捆綁的配置和佈局使用：

bundles.Add(new StyleBundle("~/bundles/metronic-app").Include(
    "~/assets/global/plugins/font-awesome/css/font-awesome.min.css", 
    "~/assets/global/plugins/simple-line-icons/simple-line-icons.min.css", 
    "~/assets/global/plugins/uniform/css/uniform.default.css", 
    "~/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css", 
    "~/assets/global/css/components.css", 
    "~/assets/global/css/plugins.css", 
    "~/assets/admin/layout2/css/layout.css", 
    "~/assets/admin/layout2/css/themes/default.css", 
    "~/assets/admin/layout2/css/custom.css")); 


@Styles.Render("~/bundles/metronic-app")

直接鏈接：

<link href="~/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> 
<link href="~/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"> 
<link href="~/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"> 
<link href="~/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" /> 
<!-- END GLOBAL MANDATORY STYLES --> 
<!-- BEGIN THEME STYLES --> 
<link href="~/assets/global/css/components.css" rel="stylesheet" type="text/css" /> 
<link href="~/assets/global/css/plugins.css" rel="stylesheet" type="text/css" /> 
<link href="~/assets/admin/layout2/css/layout.css" rel="stylesheet" type="text/css" /> 
<link id="style_color" href="~/assets/admin/layout2/css/themes/default.css" rel="stylesheet" type="text/css" /> 
<link href="~/assets/admin/layout2/css/custom.css" rel="stylesheet" type="text/css" />

以下是鉻控制檯中的錯誤：

console errors

來源

2014-10-04 e4rthdog

我應該在我的包配置中使用CssrewriteUrlTransform類，以使資產的路徑爲絕對路徑。

什麼工作是這樣的：從這個SO Question

bundles.Add(new StyleBundle("~/bundles/metronic-app").Include(
       "~/assets/global/plugins/uniform/css/uniform.default.css", 
       "~/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css", 
       "~/assets/global/css/components.css", 
       "~/assets/global/css/plugins.css", 
       "~/assets/admin/layout2/css/custom.css") 
       .Include("~/assets/admin/layout2/css/layout.css", new CssRewriteUrlTransform()) 
       .Include("~/assets/admin/layout2/css/themes/default.css", new CssRewriteUrlTransform()) 
       .Include("~/assets/global/plugins/font-awesome/css/font-awesome.min.css", new CssRewriteUrlTransform()) 
       .Include("~/assets/global/plugins/simple-line-icons/simple-line-icons.min.css",new CssRewriteUrlTransform()));

提示，這LINK

來源

2014-10-04 22:48:19 e4rthdog

呈現樣式包捆綁與樣式鏈接不一樣

回答

相關問題