Управление зависимостями веб-компонентов; JS, CSS/SASS и файлы шаблонов

Я ищу макет структуры наших новых веб-компонентов и в настоящее время не уверен, что нашел инструмент, который будет делать все, что мы в идеале хотим, или приближается к нему, но кажется, что это было бы довольно обычная вещь, чтобы хотеть сделать в настоящее время.

У нас есть веб-приложение, которое работает на стороне сервера Java -, а на стороне клиента мы активно используем JavaScript и SASS , среди прочего. Мы собираемся -реструктурировать часть нашей кодовой базы и компонент -изменить некоторые аспекты содержимого нашей динамической страницы.

Например, мы хотели бы иметь стандартный табличный компонент, который можно было бы разрабатывать полностью независимо от полноценного веб-приложения. Я вижу компонент таблицы, имеющий следующие 3 основных файла:

  • таблица.js
  • table.scss (наш файл SASS, который компилируется в файл CSS)
  • table.tmpl (наш файл шаблона, который в конечном итоге компилируется в функцию JS, например. использование чего-то Handlebars в качестве механизма шаблонов)

А потом помогать развитию:

  • table -test.html (Тестовая страница с некоторыми фиктивными данными)
  • таблица -qunit.js(Qunit тесты)

Мы надеемся, что все эти файлы затем будут скомпилированы в следующий:

  • component.js -table.js и table.tmpl скомпилированы и минимизированы, а затем загружены в некоторый больший JS-файл со всеми остальными компонентами
  • component.css -table.scss скомпилирован и сжат,и объединены со всеми другими компонентами CSS

Инструменты, на которые я смотрел:

  • требуют JS-похоже, он очень нацелен на управление зависимостями JS с некоторыми мыслями о файлах ресурсов, но не может ничего найти о его использовании и процессорах CSS до -, таких как SASS. Однако мне очень нравится идея управления зависимостями AMD JS.
  • Грунт-Пакет узла, который делает часть того, что нам нужно
  • Звездочки-Ruby-реализация чего-то похожего на то, что мы хотим
  • Плагин Javascript Maven-Ближе всего по языкам/библиотекам (мы уже используем Java и Maven)но опять же, похоже, рассматривается только управление зависимостями JavaScript, а не CSS или, по крайней мере, файлы ресурсов SASS.

Есть ли у кого-нибудь лучшие предложения, чем приведенные выше? Что-нибудь, что приближается к тому, что мы ищем? В идеале было бы предпочтительнее что-то, что не требует Node.js или Ruby...

9
задан Ed . 16 July 2012 в 10:18
поделиться