Уже сегодня тяжело представить сайт без 2-3 десятков сторонних библиотек. Для огромных задач нашим верным помощником станновится grunt. Что делать в малых проектах, или когда grunt отказывается работать?

Исходный уровень: у вас установлен node, npm, bower. Мы будем использовать библиотеку wiredep 

  • открываем коммендную строку, и переходим в папку с проектом:
cd /projectfolder
  • устанавливаем
npm install wiredep --save
  • устанавливаем все bower зависимости (для этого у вас должен в проекте существововать файл bower.json)
bower install

если его нет, то инициализируем

bower init
  • открываем ваш индекс файл и вставляем микроразметку для автоматической всавки (комментарии bower:css, bower:js):
<!DOCTYPE html>
<html>
<head>
    <titletest</title>
	<!-- bower:css -->
	<!-- endbower -->
</head>
<body>
	<!-- bower:js -->
	<!-- endbower -->
</body>
</html>
  • Сохраняем. Запускаем node в коммандной строке:
node
  • и набираем волшебную комманду:
require('wiredep')({src:'index.html'})

Основательно проверяем результаты. Готово.


Комментарии

Комментарии отсутствуют
У Вас есть вопросы?
Давайте обсудим их! Продумаем! Сделаем!
Напишите прямо сейчас!

Новый комментарий

Имя:
:

Смотрите также:

Нет изображения

Как изменить значение radio

Изменяем значение radio при помощи jQuery
Нет изображения

live и Jquery плагины

учим Fancybox работать с live
Нет изображения

Валидное подключение CSS в теле документа

Подключаем CSS, используя jQuery.
Нет изображения

Быстрая вставка js и css из bower

Автоматическая вставка всех вендорных скриптов в ваш индекс файл
Первый контакт с нами