Публикации по теме 'gulp'


Использование Gulp в качестве веб-сервера с оперативной перезагрузкой
Использование Gulp в качестве веб-сервера с оперативной перезагрузкой Когда я разрабатывал сайт с нуля, я повторил шаблон: Измените что-нибудь; Сохранить; Меньше перекомпилируйте; Alt-tab для перехода в Chrome; Обновить страницу. И на перекомпиляцию и перезагрузку вручную каждый раз уходило много времени. И тут я наткнулся на Gulp. Gulp - это «система потоковой сборки». Другими словами: исполнитель задач. Со множеством плагинов, поддерживаемых сообществом, которые легко..

Gulp для фронтенд-разработчиков
С помощью Gulp вы можете автоматизировать задачи в рабочем процессе веб-разработки и упростить себе жизнь Gulp — это популярный инструмент для запуска задач, который может помочь автоматизировать повторяющиеся задачи в рабочем процессе веб-разработки, такие как компиляция CSS, JavaScript и изображений, оптимизация ресурсов и многое другое. Gulp построен на Node.js и использует простой, интуитивно понятный API, что упрощает его изучение и использование. В этом письме мы рассмотрим..

Внедрение опций в ваши задачи Gulp
Это краткий технический пост о добавлении некоторых дополнительных утилит к вашим задачам Grunt или Gulp. Как и большинство javascript или любого кода, СУХОЙ код — это хороший код. Поэтому, когда дело дошло до написания задач компиляции, просмотра и обслуживания SASS для нескольких проектов, использующих схожую структуру, имело гораздо больше смысла писать как можно более абстрактно. Теперь, если у меня есть 3 проекта, и я просто просматриваю каждый файл scss во всем репозитории, все..

Начало работы с Grunt.js
Grunt - это средство выполнения задач, помогающее автоматизировать фронтенд-разработку и сэкономить время. Я использую его, чтобы ускорить кодирование дизайна на статических страницах, чтобы поделиться им с разработчиками. Есть много альтернатив с разными (и похожими) сценариями использования, например gulp или webpack , но grunt мне подходит. Мы начнем с установки node & grunt, а затем запустим модули scss и html-build. Наконец, мы настроим локальный сервер, который будет..

Создание многоразовых пакетов Angular NPM
Магнус Штур — главный инженер В моем предыдущем сообщении в блоге утверждалось, что один из наиболее важных принципов программирования — избегать дублирования кода и, скорее, повторно использовать существующий код для одной и той же функциональности — это было направлено на то, чтобы дать представление о том, как каждый может реализовать свою собственную стратегию совместного использования кода. Этот пост в блоге более подробно остановится на этом, показав конкретный пример того, как..

Дневник разработчиков: gulp-clean, NPM del, .bash_profile, проблема с изображением решена
Случайные вопросы на повестке дня сегодня. проглотить-чистый Установлен gulp-clean , чтобы помочь очистить папку сборки от ненужных файлов. Установил неверный путь и удалил ВСЕ файлы в корне проекта. Следующий шаг — убедиться, что он удаляет файлы только в папке ./build/ . Изучая gulp-clean, я наткнулся на статью от Mark Goodyear и последовал его совету напрямую использовать модули Node. npm uninstall gulp-clean --save-dev дель Я прочитал документацию по del и обнаружил,..

Как улучшить рабочий процесс фронтенд-разработки с помощью Gulp
Как улучшить рабочий процесс фронтенд-разработки с помощью Gulp 16 плагинов Gulp для ускорения процесса разработки Мой старый рабочий процесс До этого сообщения в блоге я использовал следующую настройку для создания и поддержки своих интерфейсных проектов: в основном я писал свой CSS, используя препроцессор CSS LESS, добавил LESS hat для некоторых замечательных миксинов. И после этого скомпилировал его через Коалу. Я поймал себя на том, что выполняю некоторые задачи вручную,..