Gulp html: Gulp для новичков

Содержание

javascript — gulp-webp-html Отказывается работать

Вопрос задан 6 месяцев назад

Изменён 6 месяцев назад

Просмотрен 53 раза

Возвращает TypeError in plugin ‘gulp-webp-css’

Он реагирует абсолютно на всё, на форумах написано, что только если тег пустой. У меня же он возвращает ошибку если есть альт, класс или стайл. Возможно еще и свг ему не нравится. Всё нормально, только если удалить картинки все и по одной проверять только. Как мне его настроить на правильную работу?

@@include('_header.html')
<body>
    <div>
        <div>
            <p>We use cookie to improve your experience on our site. By using our site you consent cookies. </p>
        </div>
        <button>
            ok
        </button>
    </div>
    <div></div>
    <header>
        <div>
            <img src="img/Cube.  png" alt="Cube">
            <h2>NoTab</h2>
        </div>
        <div>
            <img src="img/Group_574.svg" alt="Group">
            <a href="">Login</a>
        </div>
    </header>
    <main>
        <div>
            <div>
                <h2>A platform that works smarter</h2>
                <div>
                    <div></div>
                    <div>
                        <img src="img/Ellipse_93.png" alt="Ellipse">
                    </div>
                    <h4>NoTab allows bars & nightclubs to manage, understand, and grow their business from a single
                        dashboard</h4>
                </div>
            </div>
            <div>
                <img src="img/phone.png" alt="Phone">
            </div>
        </div>
        <div>
            <div>
                <h2>download our app</h2>
            </div>
            <div>
                <button>
                    <img src="img/Apple.
  svg" alt="logoalpe">
                    <div>
                        <p>Download on the</p>
                        <h4>App Store</h4>
                    </div>
                </button>
                <button>
                    <img src="img/Play.png" alt="logoandro">
                    <div>
                        <p>get it on</p>
                        <h4>Google Play</h4>
                    </div>
                </button>
            </div>
        </div>
        <div>
            <div>
                <div>Would like to become<br>
                    a member, please<br> contact us
                    <div>
                        <a href="">[email protected]</a>
                    </div>
                </div>
            </div>
            <div>
                <div>Already a partner?
                    <div>
                        <div>
                            <a href="">Login</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div>
                <img src="img/phone90.  png" id = "mission_img" alt="">
            </div>
            <div id = "mission_text">
                <h2>Our mission and vision</h2>
                <p>While technology is our sweet spot, we’ve developed our vision alongside
                    our customers to ensure your everyday problems are solved through simplistic tools. And as your
                    business grows, we’ll grow right alongside with you. </p>
            </div>
        </div>
        <div>
            <img src="img/bar.png" alt="Bar">
            <div></div>
        </div>
        <div>
            <div>
                <img src="img/Ver1.png" alt="">
                <img src="img/Ver2.png" alt="">
            </div>
            <div>
                <h2>ID Scanner</h2>
                <p>Scan, verify, and collect data on each person that walks through your door
                    to humanize your data.
    You also get
                    a digital 86 list as well as a citywide ban list to keep your venue safe.</p>
            </div>
        </div>
        <div>
            <img src="img/BI.png" alt="">
        </div>
        <div>
            <div>
                <h2>BI Tool Integration</h2>
                <p>We use Business Intelligence Tool that allows you to be updated what is happening in your business
                    just by one click. Track revenue
                    and profit by one click.</p>
            </div>
            <div>
                <div>
                    <img src="img/Group_565.png" alt="TopOne">
                    <img src="img/Group_558.png" alt="TopTwo">
                    <img src="img/Group_564.png" alt="TopThree">
                </div>
                <div>
                    <img src="img/Group_559.png" alt="MiddleOne">
                    <img src="img/Group_562.
  png" alt="MiddleTwo">
                    <img src="img/Group_561.png" alt="MiddleThree">
                </div>
                <div>
                    <img src="img/Group.png" alt="Bottom">
                </div>
            </div>
        </div>
        <div>
            <img src="img/marcela.png" alt="Marcelf">
            <img src="img/cocktail.png" alt="Cocktail">
            <div>
                <img src="img/Nightlife.png" alt="NLife"
                   >
            </div>
        </div>
        <div>
            <div>
                <h2>QR code</h2>
                <p>No more conflict situations due to wrong order. The guest selects the positions, and after that an
                    individual QR code of his order is generated</p>
                <div>
                    <button>
                        <img src="img/Apple.svg" alt="logoalpe" >
                        <div >
                            <p>Download on the</p>
                            <h4>App Store</h4>
                        </div>
                    </button>
                    <button>
                        <img src="img/Play.   png" alt="logoandro" >
                        <div >
                            <p>get it on</p>
                            <h4>Google Play</h4>
                        </div>
                    </button>
                </div>
            </div>
            <div>
                <img src="img/orderqr.png" alt="">
                <img src="img/orderqr.png" alt="">
            </div>
        </div>
        <div>
            <img src="img/notab.png" alt="">
        <div ></div>
        </div>
        </div>
        <div>
            <div>
                <img src="img/genqr.png" alt="">
                <div>
                    <img src="img/Arrow.png" alt="">
                    <h4>Scan QR-code</h4>
                </div>
            </div>
            <div>
                <h2>Generate your QR-code</h2>
                <p>The guest QR code is scanned
                    by the staff and automatically sent</p>
            </div>
        </div>
        <div>
            <div>
                <img src="img/ellipse2.
   png" alt="">
            </div>
            <div>
                <h2>Easier ordering.<br>
                    Happier guests.</h2>
                <p>NoTab makes it simple for patrons to easily</p>
            </div>
            <div>
                <img src="img/iPhoneXS.png" alt="">
            </div>
            <div>
                <div >
                    <p>No more lost or<br>
                        forgotten credit cards
                    </p>
                </div>
                <div>
                    <p>No more lost or<br>
                        forgotten credit cards</p>
                </div>
                <div>
                    <p>No more split<br>
                        your tab</p>
                </div>
                <div>
                    <p>Skip the line</p>
                </div>
            </div>
        </div>
        <div>
            <img src="img/NotabPhone.
  png" alt="">
            <div>
                <div>
                    <img src="img/phonecler.png" alt="">
                    <img src="img/inphone.png" alt=" ">
                </div>
            </div>
        </div>
        <div>
            <img src="img/GetIN.png" alt="">
        </div>
        <div>
            <img src="img/form.png" alt="">
        </div>
        <div>
            <div>
                <h2>Get In Touch</h2>
                <p>Have questions about Noble or just want to say hello?<br>
                    Drop us a line and a member of our team will getback to you shortly.</p>
            </div>
            <form action="" method="post" id = "form">
                <input type="text" name="user_name" placeholder="Name">
                <input type="text" name="user_venue_name" placeholder="Venue Name">
                <div>
                    <input type="text" name="user_city" placeholder="Venue City">
                    <input type="text" name="user_state" placeholder="State City">
                </div>
                <input type="text" name="user_email" placeholder="Email">
                <input type="text" name="user_subject" placeholder="Subject">
                <textarea placeholder="Message" name="message"></textarea>
                <button>
                    <p>Send</p>
                </button>
            </form>
            <div>
                <div>
                    <h5>download our app</h5>
                </div>
                <div>
                    <button>
                        <img src="img/Apple.  svg" alt="logoalpe">
                        <div>
                            <p>Download on the</p>
                            <h4>App Store</h4>
                        </div>
                    </button>
                    <button>
                        <img src="img/Play.png" alt="logoandro">
                        <div>
                            <p>get it on</p>
                            <h4>Google Play</h4>
                        </div>
                    </button>
                </div>
            </div>
        </div>
        <div>
            <img src="img/footer.png" alt="Footer">
        </div>
        @@include('_footer.html')
    </main>
</body>
</html>

javascript
gulp

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Grunt- и Gulp-таски для оптимизации производительности

#Grunt- и Gulp-таски для оптимизации производительности

Снижение производительности может влиять на вовлечённость пользователей, на их ощущения от взаимодействия с сайтом и его доходность. К счастью, команда проекта «Make The Web Faster» из Google предложила набор наилучших практик для поддержания ваших страниц лёгкими, быстрыми и привлекательными. Они включают минификацию ресурсов вроде CSS и JavaScript, оптимизацию изображений, встраивание CSS в разметку, удаление неиспользуемых стилей и т.д.

Если вы имеете полный доступ к вашему серверу, отличным вариантом для вас будет использование модуля PageSpeed для Apache и Nginx с фильтрами для многих из этих задач. Тем не менее, если же доступа нет, или вы понимаете, что модуля будет не достаточно, существует достаточно плагинов для систем сборок, использование которых, пожалуй, позволит восполнить пробелы с более точным контролем производительности.

Ниже представлены Grunt- и Gulp-плагины, которые команда Yeoman регулярно использует в своих проектах. Мы постарались сохранить список целенаправленным и исключить прежние рекомендации, которые не представляют такой большой ценности, но того, что представлено здесь достаточно, чтобы помочь вам поддерживать страницы и их ресурсы настолько компактными, насколько это возможно.

Примечание: Генератор webapp для Grunt и Gulp от команды Yeoman уже включает плагины для оптимизации изображений, конкатенации и минификации HTML/CSS/JS. Мы считаем, webapp — отличная основа, а настоящая статья охватывает плагины, выходящие за пределы этих процессов.

Сжатие и оптимизация изображений

Средняя веб-страница сейчас занимает чуть больше 1.5 Мб, включая изображения, составляющие большую часть от этого объёма. Мы стремимся поддерживать размеры наших изображений настолько малыми, насколько это возможно, чтобы сократить время ожидания их загрузки пользователем.

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

Grunt

grunt-contrib-imagemin
grunt-imageoptim (только для OSX)

Почему два плагина? Ок, вот вам отличный анализ различий между ними. Можете выбрать один, наиболее подходящий для вас.

Gulp

gulp-imagemin

На момент написания статьи ещё не существовало плагина для Gulp, использующего ImageOptim.

Примечание: Ребята из Etsy выяснили, что добавление всего лишь 160 Kб изображений на их страницы увеличивает отказ пользователей мобильных устройств на 12%. Если вы не можете сократить количество изображений на страницах, хотя бы оптимизируйте их.

Генерация отзывчивых изображений для элемента

<picture>

Если у вас сайт с RWD, адаптирующийся под различные устройства, вы также можете делать отзывчивыми и изображения.

Отдача излишне больших изображений браузеру может влиять на производительность загрузки и отображения страницы, и это не единственные характеристики, которые могут от этого пострадать.

Это одна из причин, по которой нам нужно использовать отзывчивые изображения, и в связи с этим мы рады приветствовать srcset — то, что, как мы надеемся, приведёт к полному внедрению элемента <picture>.

Существует несколько Grunt-плагинов, помогающих генерировать несколько изображений с различными разрешениями в рамках вашего процесса сборки проекта.

Grunt

grunt-responsive-images — используйте вместе с Imager.js, элементом <picture> или полифилом picturefill.
grunt-clowncar

Кроме того, если вам нужно изменить размер больших изображений, можете воспользоваться grunt-image-resize.

Примечание: Исследование Тима Кадлека в области отзывчивых изображений привело к выводу, что их использование может привести к экономии до 72% на размере изображений. Несмотря на то, что пока ещё рано делать выбор в пользу отзывчивости, BBC и Guardian используют Imager.js в качестве кросс-браузерного решения.

Минификация SVG изображений

SVG файлы, созданные в редакторах, обычно содержат большое количество избыточной информации (мета-данные, комментарии, скрытые элементы и т.д.). Всё это может быть совершенно безвредно удалено или сконвертировано в более компактное представление, не влияя на отрисовку.

Grunt

grunt-svgmin

Gulp

gulp-svgmin

Генерация спрайтов

Grunt

grunt-spritesmith

Gulp

gulp-sprite

Конвертация изображений в WebP

WebP это современный формат изображений, который предлагает сжатие изображений для веба с потерями и без. Изображения WebP со сжатием без потерь по размеру на 26% меньше, чем PNG и со сжатием с потерями на 25-34% меньше, чем JPEG. Это достаточно экономично и, к счастью, существуют Grunt- и Gulp-плагины кодирования WebP.

Grunt

grunt-webp

Gulp

gulp-webp

Примечание: Тест, проведённый WebPageTest, говорит, что в сравнении с JPEG загрузка изображений WebP происходит гораздо быстрее, благодаря их маленькому размеру. В Chrome Web Store выяснили, что использование WebP дало в среднем 30% экономии, что сохраняет им несколько терабайт трафика в день.

Сборка SVG спрайтов с поддержкой для различных браузеров

Grunt

grunticon

Gulp

gulp-svgmin

Мы считаем, что встраивание изображений используя Data URI сейчас стало анти-паттерном, влекущим за собой низкую производительность на мобильных устройствах.

Минификация CSS

Минификация устраняет лишние пробелы, переносы строк, отступы и символы, которые обычно не нужны в релизной версии вашего продукта. Сжатие HTML-, CSS- и JS-файлов может улучшить парсинг, выполнение и время загрузки. Касательно CSS мы рекомендуем:

Grunt

grunt-contrib-cssmin

Gulp

gulp-cssmin

Удаление неиспользуемого CSS

В проектах, основанных на CSS-фреймворках вроде Bootstrap, Foundation и т.д. вы обычно не используете всё разнообразие доступных стилей. Вместо того, чтобы включать весь фреймворк в релиз, используйте UnCSS для удаления неиспользуемых вашими страницами стилей. Таким образом, некоторые разработчики облегчают свои таблицы стилей до 85% от исходного размера.

Grunt

grunt-uncss

Gulp

gulp-uncss

Примечание: Наиболее часто задаваемый разработчиками вопрос по поводу UnCSS или процесса удаления неиспользуемого CSS это может ли он также работать со стилями, внедряемыми в страницу динамически. Наш ответ — «да». Это стало возможным благодаря тому, что UnCSS работает в паре с PhantomJS. Разработчики получают от 10 до 120 Кб экономии на типовой Bootstrap-странице, и настолько же хорошо UnCSS работает и с другими фреймворками.

Встроенный CSS

Если внешние CSS-ресурсы для конкретной страницы небольшие, вы можете встроить их в вашу разметку, экономя при этом на дополнительных запросах к серверу. Встраивание небольшого количества CSS позволяет браузеру мгновенно приступить к отрисовке страницы.

Grunt

grunt-inline-css

Gulp

gulp-inline-css

Комбинирование медиа-выражений

Хоть это и не является рекомендацией команды PageSpeed, но вы имеете возможность комбинировать медиа-выражения в единые определения. Мы сочли эти плагины полезными для обработки CSS, генерируемого препроцессорами, которые могут использовать вложенные определения медиа-запросов.

Grunt

grunt-combine-media-queries

Gulp

gulp-combine-media-queries

JavaScript

Минификация, сжатие JS

Grunt

grunt-contrib-uglify
grunt-closure-compiler

Gulp

gulp-uglify
gulp-closure-compiler

RequireJS (оптимизация с r.

js)

Grunt

grunt-requirejs

Gulp

RequireJS

Минификация HTML

Grunt

grunt-contrib-htmlmin

Gulp

gulp-htmlmin

Простая конкатенация

Grunt

grunt-contrib-concat

Gulp

gulp-concat

Общее сжатие для файлов/папок

Grunt

grunt-contrib-compress

Gulp

gulp-zip

Сжатие Zopfli

Алгоритм сжатия Zopfli — это библиотека сжатия с открытым исходным кодом, которая генерирует выходные данные на 3-8% меньше в сравнении с zlib при максимальном уровне сжатия. Он лучше всего подходит для приложений, в которых данные сжимаются только один раз, а затем передаются по сети большое количество раз.

Grunt

grunt-zopfli

Gulp

gulp-zopfli

Примечание: Когда в Google Fonts начали использовать Zopfli, шрифты стали легче в среднем на 6%, а в некоторых случаях на 15%. По словам Ильи Григорика, для Open Sans уменьшение размера было более чем на 10%, что сказалось на уменьшении времени на отрисовку и загрузку. Однако, изображения сжатые с Zofli декодируются дольше, чем обычные JPG. Эти показатели можно использовать для принятия решения о целесообразности использования WebP.

Встраивание CSS критического пути

Критический путь представляет собой код и ресурсы, необходимые для отрисовки контента, расположенного в верхней части страницы (прим. пер.: дословно «above-the-fold» — до сгиба, т.е. первый экран страницы) — то есть то, что ваши пользователи увидят в первую очередь, когда они станут загружать вашу страницу. PageSpeed рекомендует встраивать ваши необходимые стили для улучшения производительности. В то время, как инструменты вроде mod_pagespeed достаточно высоко эффективны для достижения этого, оптимизировать необходимые стили другими инструментами гораздо сложнее.

Вы можете использовать PhantomJS со скриптами speedreport, чтобы получить представление о том, какие стили отвечают за верхушку страницы и затем вручную оптимизировать их.

Примечание: Пол Кинлэн написал букмарклет для оценки стилей верхушки страницы, который тоже стоит посмотреть.

Asset pipeline (авто-обработка всех оптимизаций)

Одним из инструментов, на которые стоит обратить внимание является AssetGraph.

AssetGraph смотрит на проекты как на набор задач на графах, где узлами считаются наборы ресурсов (HTML, CSS, изображения, JS), а рёбрами — отношения между ними (теги img, a, script и т.д.).

Если AssetGraph определит, как проектные наборы ресурсов связаны друг с другом, он может автоматически выполнить большинство оптимизаций производительности. Это работает, в частности, на маленьких проектах и в данный момент идёт работа над поддержкой для больших проектов.

Grunt

grunt-reduce

Gulp

Пользователи Gulp должны использовать непосредственно AssetGraph.

Сравнительный анализ

Приведённые ниже бенчмарк-плагины полезны для использования в качестве части реализации подхода непрерывной интеграции (Continuous Integration). Несмотря на то, что в настоящее время они доступны только для Grunt, вы можете использовать gulp-grunt для запуска Grunt-тасков через Gulp. Мы рекомендуем:

grunt-pagespeed — превосходен для автоматического определения ваших количества очков PageSpeed как часть непрерывной интеграции.
grunt-topcoat-telemetry — получение гладкости, времени загрузки и другой статистики из Telemetry, как часть процесса непрерывной интеграции. Это может помочь вам настроить панель сравнительного анализа производительности, похожую на ту, что используют в TopCoat.
grunt-wpt — непрерывная интеграция с очками WebPageTest.
grunt-phantomas — время ответа на запросы, на ответы, время загрузки первого изображения/CSS/JS, время события готовности DOM и другое.

Framework Optimization

Grunt

grunt-ngmin
grunt-react
grunt-vulcanize — хорош для конкатенации веб-компонентов

Gulp

gulp-ngmin
gulp-react
gulp-vulcanize

Misch

gulp-google-cdn
gulp-size

Заключение

Снижение производительности может влиять на вовлечение пользователя и его впечатления от взаимодействия с ресурсом. Уделите время на эксперименты с плагинами для оптимизации производительности — узнайте, какие практические выгоды они могут дать вашим проектам.

Посетители ваших сайтов будут счастливее в результате мгновенного отклика, да и вообще, быстрый веб — лучше для всех.

gulp-html-extend — Анализ работоспособности пакетов npm

Все уязвимости безопасности относятся к производственных зависимостей прямых и косвенных пакеты. Уязвимости 0022 1.1.6 | 07/2015

Популярный

9002 3

0. 0 | 02/2015

C
H
M 90 037
Л

0,5.

6 | 01/2015

C
H
M 90 037
Л

В
М
Л 9 0037

4.1 | 10/2014

C
H
M 90 037
Л

В
М
Л 9 0037

3.2 | 09/2014

В
М
Л 9003 6

Лицензия

Массачусетский технологический институт

Политика безопасности

Нет

Ваш проект подвержен уязвимостям?

Сканируйте свои проекты на наличие уязвимостей. Быстро исправить с помощью автоматизированного исправления. Начните работу со Snyk бесплатно.

Начните бесплатно

Еженедельные загрузки (143)

Скачать тренд

Звезды GitHub: 66
Вилки: 8
Авторы: 3

Частота фиксации

Нет последних коммитов

Открытые задачи: 13
Открытый PR: 0
Последняя версия: 8 лет назад
Последняя фиксация: 7 лет назад

Дальнейший анализ состояния обслуживания gulp-html-extend на основе каденция выпущенных версий npm, активность репозитория, и другие точки данных определили, что его обслуживание Неактивный.

Важным сигналом обслуживания проекта для gulp-html-extend является это не видел никаких новых версий, выпущенных для npm в за последние 12 месяцев и может считаться прекращенным проектом или проектом, который получает мало внимания со стороны его сопровождающих.

За последний месяц мы не обнаружили никаких запросов на вытягивание или изменений в статус issue был обнаружен для репозитория GitHub.

Совместимость с Node.js: не определен

Возраст: 9 лет
Зависимости: 4 прямых
Версии: 27
Установочный размер: 0 Б
Дистанционные теги: 1
Количество файлов: 0
Обслуживающий персонал: 1
Типы TS: Нет

gulp-html-extend имеет более одного и последнего тега по умолчанию, опубликованного для пакет нпм. Это означает, что для этого могут быть доступны другие теги. пакет, например рядом, чтобы указать будущие выпуски, или стабильный, чтобы указать стабильные релизы.

gulp-html-component — Обзор пакета npm

Компонент HTML

Этот подключаемый модуль позволяет создавать архитектуру компонентов HTML в проекте. Простой в установке и невероятно простой в использовании плагин позволит вам работать с целевыми страницами и другими проектами без необходимости дублировать HTML-код или создавать множество функций JavaScript для рендеринга HTML-кода.

Установить

Во-первых, вам нужно установить плагин с чьей-то платформы:

npm install gulp-html-component // или пряжа добавить gulp-html-компонент

и вставьте его в gulp.task

const gulp = require("gulp") const htmlComponent = require("gulp-html-component") gulp.task("дескриптор-html", () => { вернуть gulp. src("ваш/путь") .pipe(htmlКомпонент()) .pipe(gulp.dest("ваш/расстояние/путь")) })

Использование

Перед использованием плагина важно знать условия, при которых вы можете монтировать свои компоненты:

Файл в компонентах / должен быть CamelCase;
Имя компонента должно быть точно таким же, как оно определено в components/ ;
Конец тега компонента всегда заканчивается на /> .

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

// Структура файла + источник + компоненты - Компонент.html - страница.html // компоненты/Component.html <дел> Привет, мир

Имя	Тип	По умолчанию	Описание
`путь`	Строка	«./»	Базовый путь от вашего проекта к каталогу с `компонентами` на том же уровне.
`кодировка`	Строка	«utf8»	Базовый формат кодировки ваших файлов.

Gulp html: Gulp для новичков | htmlbook.ru

javascript — gulp-webp-html Отказывается работать

Зарегистрируйтесь или войдите

Отправить без регистрации

Отправить без регистрации

Grunt- и Gulp-таски для оптимизации производительности

Сжатие и оптимизация изображений

Grunt

Gulp

Генерация отзывчивых изображений для элемента

Grunt

Минификация SVG изображений

Grunt

Gulp

Генерация спрайтов

Grunt

Gulp

Конвертация изображений в WebP

Grunt

Gulp

Сборка SVG спрайтов с поддержкой для различных браузеров

Grunt

Gulp

Минификация CSS

Grunt

Gulp

Удаление неиспользуемого CSS

Grunt

Gulp

Встроенный CSS

Grunt

Gulp

Комбинирование медиа-выражений

Grunt

Gulp

JavaScript

Минификация, сжатие JS

Grunt

Gulp

RequireJS (оптимизация с r.

Grunt

Gulp

Минификация HTML

Grunt

Gulp

Простая конкатенация

Grunt

Gulp

Общее сжатие для файлов/папок

Grunt

Gulp

Сжатие Zopfli

Grunt

Gulp

Встраивание CSS критического пути

Asset pipeline (авто-обработка всех оптимизаций)

Grunt

Gulp

Сравнительный анализ

Framework Optimization

Grunt

Gulp

Misch

Заключение

gulp-html-extend — Анализ работоспособности пакетов npm

Ваш проект подвержен уязвимостям?

Еженедельные загрузки (143)

Популярность прямого использования

Частота фиксации

gulp-html-component — Обзор пакета npm

Компонент HTML

Установить

Использование

Конфигурация

Использование компонентов

Реквизиты

Слушатели

Добавить комментарий Отменить ответ