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

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

Как автоматизировать задачи Gulp и сгенерировать веб-шрифт из файлов SVG

Как автоматизировать задачи Gulp и сгенерировать веб-шрифт из файлов SVG В последние годы интерфейсная разработка эволюционировала от простых задач, таких как «загрузка файлов на FTP», до сложных процессов сборки, включая минификацию CSS / JS, расширение SASS и LESS и многое другое. Эти задачи можно координировать с помощью таких инструментов, как Gulp и Grunt. Инструменты, которые помогают вам управлять процессом, но, с другой стороны, усложняют рабочий процесс. Вот почему мы..

Перенос AngularJS 1.x на ES6

Мы поддерживаем довольно большой сайт (около 200 файлов), созданный на ES5 с использованием ранней версии AngularJS. Мы решили, что риск полной перезаписи сайта слишком велик. Учитывая, насколько сложен полный перенос сайта, мы приблизились к 6–8-месячному периоду постепенного изменения, чтобы постепенно ввести стиль кода, соответствующий стандарту ES6. Конечным результатом является комбинация Babel, Gulp и SystemJS для «объединения» всего javascript приложения, зависимостей, css, less и..

Незакодированный дизайн: использование Postcss с gulp

Краткое наглядное руководство по добавлению Postcss в задачи gulp. Для этого урока вам понадобится: Компьютер Apple Mac OS. Интернет-соединение. Терминал командной строки, такой как Терминал Mac OS по умолчанию, iTerm или HyperTerm. Разрешение на установку программного обеспечения на ваш компьютер. На вашем компьютере установлен Node.js с npm . Вы также должны быть знакомы с Unencoded Design: Использование gulp Итак, у нас есть настройка gulp, которая помогает нам..

Инструменты переднего плана, которые облегчают мою жизнь

Прошло довольно много времени с тех пор, как я начал веб-разработку. Я экспериментировал с несколькими инструментами. Некоторые экономили время, а другие не особо впечатляли меня. Ниже приведены некоторые инструменты, которые я использую ежедневно. PhpStorm PhpStorm стал моим любимым редактором кода после возвышенного текста. Несколько функций, которые мне нравятся в Phpstorm: Когда в коде есть проблема, он подчеркивает код, а также дает подсказку о том, как его можно улучшить...

Настройка Browsersync с помощью Gulp 4 и Express

Недавно я работал над обновлением своих интерфейсных инструментов и прочитал Внешние инструменты с помощью Gulp, Bower и Yeoman , что натолкнуло меня на Gulp 4 . (В Gulp 4 появится много замечательных вещей, таких как gulp.parallel ) В книге есть отличный пример настройки Browsersync для перезагрузки вашего браузера во время работы. Однако я также хотел, чтобы это работало с Express , а это значит, что вам также нужно запустить gulp сервер, например, с nodemon . Как оказалось,..

Разработка Laravel с помощью Elixir + Vue + Hot Reloading

Итак, вот в чем дело. Вы разрабатываете приложение на Laravel и Vue.js. Скорее всего, вы используете Laravel Elixir для компиляции своего актива и создания задач Gulp. Теперь, если вы используете не Laravel, а простой фреймворк HTML / CSS, возможно, вы используете Webpack. Все становится сложнее, когда вы начинаете вводить компоненты Vue.js в свое приложение, и каждый раз, когда вы хотите увидеть изменение в логике компонента, шаблоне, CSS, вам нужно проглотить его, обновить..

Дневник разработчиков: мой первый таск-раннер Gulp, который могут использовать другие — я надеюсь.

В перерывах между проектами мне удавалось выкроить время для создания средства запуска задач с помощью Gulp. Было много препятствий, и я думал, что у меня никогда не будет этого. Сегодня я рад сообщить, что этап 1 завершен! Наш рабочий процесс сложен из-за масштаба кода, над которым мы работаем, т. е. над верхним и нижним колонтитулами. В совокупности они составляют более 2500 узлов. Кроме того, у нас есть три канала — мобильный, планшетный и настольный — на двух разных платформах. Во..