एएसपी.नेट सिस्टम। वेब। ऑप्टिमाइज़ेशन: jQueryUI सीएसएस

Question

बंडल करना मैं एक अनुरोध में jQueryUI को बंडल करने का प्रयास कर रहा हूं।

Global.asax:

var cssjQuery = new StyleBundle("~/Content/BundleCSS/jQuery"); 
cssjQuery.IncludeDirectory("~/Content/themes/base", "*.css"); 

लेआउट:

<link href="@Styles.Url("~/Content/BundleCSS/jQuery")" rel="stylesheet" type="text/css" /> 

फ़ोल्डर संरचना:

• सीएसएस फाई लेस: सामग्री/विषयों/आधार/* सीएसएस
• चित्र फ़ाइलें:।। सामग्री/विषयों/आधार/images/* png

समस्या अब है कि छवियों को लोड नहीं किया जा सकता है, क्योंकि कोई फ़ोल्डर नहीं है "बंडलसीएसएस":

http://localhost:64648/Content/BundleCSS/images/ui-bg_flat_75_ffffff_40x100.png 

मैं इस समस्या को कैसे हल कर सकता हूं?

Answer 1

क्यों आप सरल विषय निर्देशिका पथ पर अपने बंडल को परिभाषित नहीं है:

var cssjQuery = new StyleBundle("~/Content/themes/base/jquery-ui-bundle"); 
cssjQuery.IncludeDirectory("~/Content/themes/base", "*.css"); 

सापेक्ष छवि पथ अभी भी (सीएसएस की सूची के रूप में एक ही रहेगा) काम करेंगे।

यह भी याद रखें कि अंतिम भाग (jquery-ui-bundle) को फ़ाइल नाम के रूप में माना जा रहा है, इसलिए यह जो कुछ भी आप चाहते हैं (जब तक यह फ़ाइलों में से एक जैसा नहीं हो)।