Публикации по теме 'gulp'
Интеграция нескольких таблиц стилей на одном сайте
Возникает вопрос: «Если у вас есть 5 разных таблиц стилей, как бы вы лучше всего интегрировали их на сайт?»
Ответ будет зависеть от того, как оформлен ваш сайт и как пользователи его используют. Каждая связанная таблица стилей - это еще один HTTP-запрос. С точки зрения производительности HTTP-запросы дороги. Разработчикам следует свести к минимуму количество таблиц стилей, чтобы минимизировать количество HTTP-запросов.
Так что одна большая таблица стилей - это путь, верно? На мой..
Автоматизация управления версиями с помощью конвейеров Bitbucket (NodeJS)
Хотя концепция семантического управления версиями широко известна и используется в индустрии программного обеспечения, ее выполнение может быстро превратиться в запутанный беспорядок. Номер версии объявляется в нескольких местах (package.json, переменные среды, теги версий, конфигурации CI и т. Д.). Запоминание об обновлении всех этих местоположений создает нагрузку для памяти разработчика, и зачастую необходимость не забывать обновлять номер версии вообще часто не помогает. После..
Gulp для новичков
Если вы хотите улучшить и автоматизировать задачи в своем рабочем процессе, вам нужно знать Gulp.
First Gulp - это система потоковой сборки, если вы не знаете, что это поток, посмотрите ту отличную статью Эрика Шоффстолла .
Во-вторых, Gulp - это модуль Node.js, тогда, если вы хотите его использовать, вам нужно установить Node.js на свой компьютер, они поставляются с NPM, инструментом для установки модулей Node.js, глобально на вашем компьютере или внутри project (нам нужны эти два..
Использование Babel для транспиляции синтаксиса ES6 на AngularJS
Я работаю над проектом AngularJS, и от меня требуется обеспечить обратную совместимость с IE. Это… ужасная идея. Если вы читаете это, первым делом нужно избегать этого и настаивать на изменении требований к вашему заданию. IE обесценился и его следует избегать в дальнейшем развитии.
Однако у транспиляции кода есть некоторые преимущества.
Вы можете использовать новейшие инструменты программирования и языки, такие как новый синтаксис ES6, SASS вместо CSS, Typescript вместо JS и т. Д...
Пошаговая работа с Gulp
В настоящее время очень сложно увидеть веб-проект без средства выполнения задач, которое автоматизирует повторяющиеся задачи, такие как объединение и минимизация таблиц стилей, компиляция Less / Sass в CSS и т. Д. Эта история попытается объяснить базовый (личный) способ работы с Gulp. .
Установка Gulp
Для работы с Gulp необходимо установить два разных элемента. Прежде всего, cli . Это нужно делать один раз на каждом компьютере, не нужно запускать его снова и снова:
npm install..
Первый Gulpfile ребенка
Автоматизируйте такие задачи, как minify, concat, js-hint и так далее. И сделать это с помощью javascript. Войдите в Глоток.
Легко автоматизируйте свои задачи с помощью Gulp.js Как разработчики, нам часто приходится смотреть на инструменты, которые мы используем, и решать, используем ли мы правильный инструмент для работы. Крис… scotch.io
Установка глотка
npm install --global gulp
npm init #creates package.json
npm install --save-dev..
Использование ES6 с Gulp
Вернуться
С новой версией gulp 3.9.0 мы можем использовать функции ES6 с gulp, но вместо задач gulp gulpfile.js нам нужно назвать файл gulpfile.babel.js, а внутри более позднего файла мы кодируем то, что мы узнали в ES6, как показано ниже.
import gulp from 'gulp';
import gulpLoadPlugins from 'gulp-load-plugins';
import browserSync from 'browser-sync';
import del from 'del';
import {stream as wiredep} from 'wiredep';
const $ = gulpLoadPlugins();
const..
