Squeak.ru - шаблоны программирования

Заставьте SquishIt вести себя как AssMan

Я работаю над сайтом MVC4, и я хотел бы использовать некоторое программное обеспечение для управления ресурсами для консолидации и минимизации JS и CSS (+ less & coffeescript),

В SquishIt есть все нужные мне плагины, они уже настроены. Все примеры демонстрируют очень простую идею SquishIt, которая никогда не включает управление активами. Это выглядит так (и модель JavaScript почти идентична):

<html>
  <head>
    @Html.BundleCss()
            .Add("~/Content/first_file.css")
            .Add("~/Content/second_file.css")
            .Add("~/Content/third_file.css")
            .Render()
  </head>

То, что я хочу сделать, больше похоже на это:

_Layout.cshtml:
<html>
  <head>
    @Html.BundleCss().Render()
  </head>
  ....

App_Start():
  Bundle.Css().Add("~/Content/bootstrap.css").Add("~/Content/jquery-ui.css");

_PartialView.cshtml:
  @Html.BundleCss().AddString("a:active { color: red }")

Идея, стоящая за этим, заключается в том, что я буду создавать CSS/JS, которые мне нужны, по мере рекурсивного рендеринга представлений, а затем минификатор создает, минимизирует и кэширует в конце. AssMan (http://assman.codeplex.com/) делает то же самое, но кажется менее поддерживаемым и требует дополнительной работы. чтобы получить необходимые минификаторы и языковую поддержку, которую я хочу.

Идеи, предложения?


Ответы:


1

Если я правильно понимаю ваш вопрос, я думаю, что эта проблема примерно так же близка, как вы собираетесь получить (начало с этого потока SO). Однако я не очень понимаю, к какому пакету следует добавить вызов .AddString в вашем примере? Мне кажется, что вы получите один комбинированный файл для каждого представления, что настолько плохо, насколько это возможно с точки зрения оптимизации.

Если вы прочитаете обсуждение этой проблемы и просмотрите связанные коммиты, возможно, это даст вам некоторые идеи о том, как получить функциональность, которая вам нужна (на самом деле это может быть материал AutoBundler, который мы реализовали, который сейчас доступен в предварительной версии). , и в ближайшем будущем будет выпущен программный релиз).

24.01.2014
  • Мне все равно, в какой пакет он будет добавлен. Я ссылаюсь на большие файлы CSS и JavaScript из CDN и переопределяю то, что мне нужно локально. Мои изменения небольшие. 25.01.2014
  • ОК, я думаю, что если вы посмотрите на эту проблему, она довольно близка к тому, что вы ищете, хотя она создает пакет для каждой комбинации входных данных в попытке максимизировать то, что браузеры могут кэшировать. Это очень большая работа, поэтому, если вы хотите присоединиться к обсуждению, я уверен, что ваш вклад поможет. 27.01.2014
  • Ну, это не тот ответ, который я искал, но это ответ. Спасибо. 27.01.2014
  • Я все еще в неведении относительно того, как работает AssMan, но кое-что прочитаю об этом. Если единственное отличие состоит в том, что вам нужен один пакет для каждой родительской страницы, я думаю, мы могли бы сделать это опцией конфигурации. 27.01.2014

  • 2

    Кассета, кажется, делает это изначально. Это не такой чистый синтаксис, как мне бы хотелось (я бы предпочел иметь возможность ссылаться на произвольные скрипты и CSS со страниц без необходимости связывать их), но он работает.

    22.01.2014
    Новые материалы

    Угловая структура архитектуры
    Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..

    «Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
    Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..

    Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
    В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...

    Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
    React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..

    Создайте API с помощью Python FastAPI
    Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек. Каждой..

    Веселье с прокси-сервером JavaScript
    Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример: Связь клиент-сервер Мы..

    Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
    Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...