Новые техники. Склейка *.css и *.js. Принцип работы – купить за 1 сом КР | InSales.kg платформа управления онлайн продажами

Новые техники. Склейка *.css и *.js. Принцип работы

InSales поддерживает следующите технологии для работы со стилями и скриптами

  • склейка файлов стилей
  • склейка файлов скриптов
  • компиляция scss на стороне сервера
  • поддержка библиотеки compas

Склейка стилей.

Для склейки стилей используется отдельный файл стилей (файл-сборщик), в котором описан список файлов стилей и порядок их склейки.

Подключение производится командой вида

//= require filename

где filename - название файла, с откинутым расширением.

Важно

1) в файле-сборщике допустимы только инструкции по подключению файлов и комментарии.

2) при именовании файлов учитывайте, что обработка содержимого файлов происходит согласно расширению файлов с разбором справа налево. Например файл

style.css.scss.liquid

будет обработан в следующем порядке

а) обработчиком liquid - подставятся значения вместо тегов liquid

б) scss - произойдет компиляция в css

3) учтите, что в файле-сборщике будет указано

//= require style

Склейка скриптов.

Для описания склейки создайте отдельный файл и в нем опишите порядок подключаемых файлов командой вида

#= require filename

где filename - название файла с откинутым расширением .js.

Так же как и склейка стилей, данная техника доступна при работе с любой теме.

Важно учитывать тот факт, что склейка файлов происходит в общем фоне задач сервера, и время создания конечного файла зависит от

  • количества склеиваемых файлов
  • количества преобразований файлов

Имена файлов-сборщиков

Могут быть названы как угодно. Подключаются к теме стандартным образом.

Мы рекомендуем использовать имена

template.css

для файла-сборщика стилей, и

template.js

для файла-сборщика скриптов.

Оставить оценку

Оценка успешно отправлена.
Она будет проверена администратором перед публикацией.
Перед публикацией все оценки проходят модерацию

Оценки: 0

Остались вопросы?
Отправь тикет в техподдержку!
Еще нет своего магазина?
Создайте интернет-магазин на платформе InSales
Всё для продаж уже внутри!
Недавно просмотренные статьи