Переменные, не загружаемые для Semantic UI Less и Webpack 4 - PullRequest
Новая
       23

Переменные, не загружаемые для Semantic UI Less и Webpack 4

0 голосов
/ 18 января 2019

Я решил использовать Semantic UI, так как это отличная библиотека пользовательского интерфейса, даже если в данный момент она выглядит заброшенной ...

Я пытаюсь настроить его с помощью semantic-ui-less и Webpack 4.

Мне удалось собрать его со всеми настройками LESS и т. Д., Использующими theme.config, но он вообще не содержит переменных . Это не отражает никаких изменений в site.variables. Я знаю, что он не перезагрузит его из-за странного решения, созданного командой SematicUI, когда у него нет расширения .less, но даже после полного обновления или даже перестройки он не меняет цвета и т. Д.

Это включает это theme.config, потому что, если я изменю тему кнопки, например, на. amazon Я получу кнопки стиля Амазонки.

Это структура моих папок / файлов:

enter image description here

Мой theme.config: 

/* Global */
@site        : 'default';
@reset       : 'default';

/* Elements */
@button      : 'default';
@container   : 'default';
@divider     : 'default';
@flag        : 'default';
@header      : 'default';
@icon        : 'default';
@image       : 'default';
@input       : 'default';
@label       : 'default';
@list        : 'default';
@loader      : 'default';
@placeholder : 'default';
@rail        : 'default';
@reveal      : 'default';
@segment     : 'default';
@step        : 'default';

/* Collections */
@breadcrumb  : 'default';
@form        : 'default';
@grid        : 'default';
@menu        : 'default';
@message     : 'default';
@table       : 'default';

/* Modules */
@accordion   : 'default';
@checkbox    : 'default';
@dimmer      : 'default';
@dropdown    : 'default';
@embed       : 'default';
@modal       : 'default';
@nag         : 'default';
@popup       : 'default';
@progress    : 'default';
@rating      : 'default';
@search      : 'default';
@shape       : 'default';
@sidebar     : 'default';
@sticky      : 'default';
@tab         : 'default';
@transition  : 'default';

/* Views */
@ad          : 'default';
@card        : 'default';
@comment     : 'default';
@feed        : 'default';
@item        : 'default';
@statistic   : 'default';

/*******************************
            Folders
*******************************/

/* Path to theme packages */
@themesFolder : 'themes';

/* Path to site override folder */
@siteFolder  : '../semantic-ui/site';


/*******************************
         Import Theme
*******************************/

@import (multiple) "~semantic-ui-less/theme.less";
@fontPath : "../../../themes/@{theme}/assets/fonts";

Кто-нибудь может помочь? Я буду очень признателен за это.

...