Skip to main content

Assets

Додаткові матеріали проєкту можуть складатись з:

  • стилі
  • javascript
  • картинки
  • іконки
  • інші файли довільних форматів...

Структура​

В корні проєкту необхідно створити папку assets, і далі, відповідно від вимог створити окрему папку під кожен тип матеріалів. Наприклад, потрібно підключити додаткові стилі, шрифти, скрипти і картинки, ми створюємо наступну структуру папок:

assets
├── image                  # Зображення
  ├── test.jpg
  ...
├── style                  # Стилі
  ├── test.css
  ...
├── js                     # Скрипти
  ├── test.js
  ...
└── font                   # Шрифти
  ├── test.woff2
  ...

Використання​

Можна звертатись до файлів за допомогою відносних шляхів, наприклад:

  1. Підключення шрифту у css файлах:
@font-face {
  font-family: "Test";
  src:
    local(""),
    url("/assets/font/test.woff2") format("woff2");
}
  1. Підключення css в шаблонах:
<link href="/assets/style/test.css" rel="stylesheet">
  1. Підключення js в шаблонах:
<script src="/assets/js/test.js"></script>
  1. Підключення картинки в шаблонах:
<img src="/assets/image/test.jpg" alt="test">