Правила Less.js не применяются сразу

Я использую встроенный препроцессор less.js для разработки, и до сих пор он работал нормально.

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

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

Есть ли способ заставить less.js скомпилировать правила до отображения/загрузки страницы?


css less css-preprocessor
person riv    schedule 10.04.2015    source источник
comment
Не используйте less.js — сначала скомпилируйте файл .less в файл .css на своем компьютере, а затем загрузите и используйте файл .css на своем сайте. Как вы заметили, less.js компилирует CSS-файл .less на клиентском компьютере, и это излишне дорого и не загружается сразу (сначала клиент должен загрузить less.js, затем он должен загрузить файл .less, затем файл .less должен быть проанализировано - lesscss.org/usage/#command-line-usage   -  person Adam    schedule 11.04.2015
comment
Я упомянул, что использую его только для разработки. Конечно, я компилирую его для производства, но запускать компилятор каждый раз, когда мне нужно увидеть эффект от изменений, которые я только что сделал, немного излишне. Я запускаю старый добрый apache и настраиваю его для компиляции правил, когда я их запрашиваю, — это довольно много работы.   -  person riv    schedule 11.04.2015
comment
Попробуйте систему сборки: Gulp и Gulp-less gulpjs.com npmjs.com/package/gulp-less   -  person Adam    schedule 11.04.2015

Ответы (1)


arrow_upward
0
arrow_downward

Я предполагаю, что это не локальная среда разработки, поэтому в этом случае вы на самом деле замечаете вспышку нестилизованного контента...

А порядок загрузки? То есть загружайте плагин jQuery ui только после загрузки less.js. Надеюсь, это поможет [Кстати, я не проверял это]

person Low    schedule 20.04.2015