2014-01-23 3 views
3

Я новичок в эту концепцию, это мой первый проект внедрения концепции оптимизации с (Пакетированием & минификации)Пакетирование и минификация не применяя CSS и JS с помощью ASP.NET 4.0 C#

Просто я пытаюсь проверить с простые JS & CSS

Test.aspx

<html> 
<%@ import namespace="System.Web.Optimization" %> 
<html> 
<head runat="server"> 
    <%: Scripts.Render("~/bundles/js") %> 
    <%: Styles.Render("~/bundles/css") %> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <button id="tests"> 
      testing</button> 
    </div> 
    </form> 
</body> 
</html> 

global.asax выглядеть следующим образом

protected void Application_Start(object sender, EventArgs e) 
{ 
    RegisterBundles(BundleTable.Bundles); 
} 

public static void RegisterBundles(BundleCollection bundles) 
{ 
    bundles.Add(new ScriptBundle("~/bundles/js").Include(
    "~/script/jquery-1.8.2.min.js", 
    "~/script/s.js")); 

    bundles.Add(new StyleBundle("~/bundles/css").Include(
    "~/css/master.css")); 

    BundleTable.EnableOptimizations = true; 
} 


Структура проект Посмотрите, как этого

enter image description here


браузера View enter image description here

файл группирует, но в Css у меня есть некоторый стиль для визуализации в веб-страницы, на нем ничего не появляется,

Sample как Jquery файлы также

для получения дополнительной информации прим этот пост, пожалуйста, проверьте это .. Click here

вы можете направлять мне для достижения этой цели ...

+0

Можете ли вы показать нам свой код aspx. Изучив скриншот лучше, он выглядит так, как будто вы на самом деле собираете некоторые свои ресурсы, но через несколько пакетов. – Nico

+0

Я не могу применить здесь .aspx-код здесь ... здесь он не принимал теги html здесь ... для aspx page проверить эту ссылку http://forums.asp.net/t/1963043.aspx?Bundling+minification+not+applying+css+js+using+Asp+net+4+0+C+ –

+0

Я добавил ваш код. Можете ли вы отправить образец того, что какой-либо из связанных файлов находится из элементов на снимке экрана, которые начинаются с 'js? V =' – Nico

ответ

4

Ваша комплектация работает, проблема вы Css не работая в комплекте.

Изменить стиль имя листа расслоение к этому:

bundles.Add(new StyleBundle("~/css/allcss").Include("~/css/master.css")); 

Это должно решить вашу проблему.

P.S. если вы храните файлы css в нескольких папках, затем создайте пакет для каждой папки. Вы можете использовать метод IncludeFolder, чтобы упростить вашу работу.

+0

не только css, даже jquery также не работает ... Мне нужно создать такую ​​папку в моем проект «~/css/allcss» –

+0

Можете ли вы предоставить мне один пример, чтобы достичь этого .... –

+0

нет, вам не нужно создавать папку. На самом деле удалите папки, которые вы уже создали. – th1rdey3

2

Установите в веб-конфигурации :

<compilation debug="false" targetFramework="4.0"> 

Why is my CSS bundling not working with a bin deployed MVC4 app?

Bundled scripts not working MVC

+0

+1 для большой ресурс. – Nico

+0

Я не использую приложение MVC здесь, я использую Asp.net 4.0 –

+0

@PrasadRaja не относится к mvc, вы должны установить в веб-конфигурации –

2

Прасад Раджа,

При отладке или когда web.config имеет настройку

<compilation debug="true" ..>

Сценарий пакетирования и Минимизация отключен. Также, если вы установили EnableOptimizations = false, также отключите отладку и минимизацию, независимо от настройки debug=true.

Попробуйте изменить свой web.config и повторите попытку.

ОК, поэтому после того, как я пересмотрел код и углубился в проблему, причина, по которой это происходит, - это пути ~/bundles/js и ~/bundles/css. Поэтому ваш IIS (Express) пытается загрузить содержимое каталога. Чтобы это работало, убедитесь, что вы установили компиляцию debug = false (для загрузки проекта было установлено значение true). Такие, как

<compilation debug="false" targetFramework="4.0"/> 

Следующая найдите папку ~/bundle и УДАЛИТЬ ЕГО ... Наконец пересобрать приложение и запустить проект. Однако не запустите его в debug или попробуйте установить флаг debug выше back to true.

Это работает на моей машине сейчас для JS и CSS.

+0

Я тоже изменяю это, thn также та же проблема –

+0

На самом деле я также изменил и из в .. тогда также я не стиль & js не загружается .. есть ли какое-либо другое решение для достижения этого –

+0

, я также придерживался той же процедуры. ... как wat предложит вам .. собираюсь реализовать в моем проекте в реальном времени ...... –

0

Попробуйте это в web.config

<configuration> 
    ... 
    <system.web> 
     <compilation 
      debug="true" 
      ... 
     > 
     ... 
     </compilation> 
    </system.web> 
</configuration> 

см MSDN

+0

вы можете проверить эту ссылку, http://forums.asp.net/t/1963043.aspx?Bundling+minification+ не применяя + + C ss + js + using + Asp + net + 4 + 0 + C + .... Я дал подробную информацию о проблеме –

0

в файле конфигурации веб-набор это:

<compilation debug="false" targetFramework="4.0"> 
Смежные вопросы