create-svg-sprite usage

README.md

Как да използваме create-svg-sprite?

1. Уверете се, че имате инсталиран node.js и npm. За целта, изпълнете следните команди в GitBash (или друг терминал): node -v npm -v

Ако резултата е цифри, значи всичко е наред и имате нужните зависимости инсталирани.

2. Инсталирайте create-svg-sprite глобално:

npm install create-svg-sprite -g

3. Изпълнете следната команда в която и да е папка в терминала:

Заместете пътя до папката с svg файловете и пътя до папката, в която ще се генерира спрайт файла.

create-svg-sprite --optimize --input "absolute/path/to/svgs/folder" --output "absolute/path/to/svg/sprite/file/location" --name "sprite"

4. Създайте sprite.shtml в директория partials или ssi на проекта си и сложете кода от генерирания sprite.svg файл в него.

5. (Optional) За едноцветни икони може да махнете fill и stroke атрибутите от svg елементите и да контролирате тези атрибути през вашия css файл.

6. Извикайте SSI include за sprite.shtmlкъдето ви трябва: