Публикации по теме 'gulp'
Мой (не)обычный конечный стек шрифтов
Существует больше комбинаций внешнего интерфейса, чем разработчиков внешнего интерфейса — МЭ
История гласит, что я отвечал за создание Веб-сайта CSM BA Graphic Design 2016 Degree Show, и он будет реализован на основе дизайнов, предоставленных командой брендинга. Я работал в небольшой команде из трех человек, но оказалось, что другие части дипломного шоу нуждаются в их помощи больше (ну, публикация появляется только через два дня после начала шоу, FFS), и поэтому я остался работать..
Rollup, Gulp и Babel (ES6) за 1 минуту
Установка
Начните с установки Babel, Gulp, Gulp File, Rollup, Rollup Babel и нескольких предустановок:
npm i -D babel-core gulp gulp-file rollup rollup-plugin-babel babel-preset-es2015 babel-preset-es2015-rollup
Конфигурация
Настройте Babel (и Gulp) на использование предустановки es2015 в вашем .babelrc :
{
"presets": ["es2015"]
}
Затем в вашем gulpfile.babel.js скажите Rollup использовать rollup-plugin-babel и игнорировать глобальные .babelrc настройки...
Компиляция JavaScript: аргумент в пользу изобретения велосипеда.
Прошли те времена, когда было достаточно объединить и испортить ваш исходный код. Поскольку es6 и es7 развиваются быстрее, чем производители браузеров успевают, машинописный текст и потоковая проверка типов, а также другие аберрантные требования ваш проект может иметь , желание использовать что-то для волшебного конвейера и связки одним махом может быть весьма привлекательным. Это приводит нас к созданию таких инструментов, как webpack , grunt и gulp ...
Фронтальная автоматизация рабочего процесса
Когда дело доходит до эффективного создания производительного внешнего веб-сайта, вы, вероятно, знаете, что должны многое сделать для оптимизации производительности, но на самом деле мало что делаете. И производительность, возможно, вы не знаете, чего вы не знаете, поэтому вы все еще делаете такие вещи, как ручное обновление страниц после сохранения файла, который вы разрабатываете.
Я хотел бы познакомить вас с концепцией под названием Task Runner . Средство запуска задач, как его..
Скомпилируйте интерфейс - от Gulp до Webpack
Gulp - это больше инструмент автоматизации, чем инструмент компиляции. Он не прилагает усилий для понимания вашего кода. Вам нужно указать Gulp , как явно собрать весь ваш интерфейсный код.
Вот пример: у нас есть модуль A.js , который зависит от функций в lib.js :
Если мы хотим поместить A.js и lib.js в один index.js файл для производства, нам нужно указать их последовательность в Gulp :
Задача js объединяет lib.js и A.js , а затем сохраняет полученный файл..
Floaties для пользователей Gulp
В больших или распределенных командах обмен знаниями об инструментах может быть проблемой. Когда цепочка инструментов или конвейер становятся большими и содержат много кода, эта проблема растет вместе с размером кодовой базы. Предложить решение так же просто, как описать свои задачи.
помощь глотком
Недавно я собрал gulp-assist как инструмент для решения этой проблемы. Своего рода расширение для Gulp , gulp-assist отображает важную информацию о настройке инструментов в стильном..
Сжатие изображений с использованием Gulp и Imagemin
Самый простой способ оптимизировать скорость страницы, не нарушая всего
Я пообещал себе, что больше не буду участвовать в учебных курсах по Gulp; Task Runners - не самая сексуальная тема в мире, и есть вероятность, что если вы добрались до этого блога, вы либо укрепили конвейер CI / CD для запуска программного обеспечения, либо он вам просто не нужен . На этот раз мы сделаем исключение, потому что gulp-imagemin особенно хорош.
Imagemin - это отдельная библиотека Node, которая..