Включая файлы с семантикой ui в существующую систему сборки

Question

У нас есть проект, который использует меньше как препроцессор css, и меньше файлов скомпилируются с использованием функции «экспресс-меньше». Мы не используем библиотеку ui, поэтому мы хотели попробовать семантику. Единственная проблема, с которой мы сталкиваемся, состоит в том, что мы хотим включить ее в нашу систему сборки (где мы используем выражение для сборки css). Существует довольно хорошо написанный article о том, как использовать и строить семантические данные, но нет информации о том, как подключить его к существующему проекту.

Наша цель - указать, какие компоненты включить в файл theme.config, а затем импортировать все необходимые файлы * .less в основной файл (как и при использовании начальной загрузки).

Мы попытались просто создать файл theme.config и импортировать его в наше приложение, но компилятор жалуется, что переменная @type не определена. Я не могу понять, что должно быть в этом var, но кажется, что нам не хватает другого конфигурационного файла.

Мы также пробовали просить о IRC Semantic, но никто не ответил.

Есть ли какое-либо решение для использования semantic-ui, но без использования gulp или prebuilt css?

Answer 1

Поведение, коллекции, элементы, глобалы, модули и виды в вашем src/definitions определяют недостающие @type.

Вы должны импортировать каждое поведение, коллекцию, элемент, глобальный, модуль или представление в свой файл проекта независимо друг от друга.

Например:

@import "./definitions/modules/rating"; 

Обратите внимание, что импорт rating.less файлов ваш @import '../../theme.config'; файл и так загружает настройки вашей темы (через ../../theme.less);

Когда вы загрузили только семантический ui исходный код и не запустили gulp install. «../../theme.config» еще не существует. Вы можете сами создать файл «../../theme.config», используя в качестве примера theme.config.example.