PHPackages                             webdesignchannel/optimize-html - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. webdesignchannel/optimize-html

ActiveProject[Utility & Helpers](/categories/utility)

webdesignchannel/optimize-html
==============================

Optimize html framework use gulp

2161JavaScript

Since Sep 20Pushed 8y ago1 watchersCompare

[ Source](https://github.com/webdesignchannel/optimize_html)[ Packagist](https://packagist.org/packages/webdesignchannel/optimize-html)[ RSS](/packages/webdesignchannel-optimize-html/feed)WikiDiscussions master Synced 4d ago

READMEChangelogDependenciesVersions (1)Used By (0)

[![img](https://camo.githubusercontent.com/9e2eb584853fd442f7a58395667c02aa4e7c96805b36e01e4d5c17d056ce478b/68747470733a2f2f77656264657369676e6368616e6e656c2e72752f77702d636f6e74656e742f75706c6f6164732f67756c702e706e67)](https://camo.githubusercontent.com/9e2eb584853fd442f7a58395667c02aa4e7c96805b36e01e4d5c17d056ce478b/68747470733a2f2f77656264657369676e6368616e6e656c2e72752f77702d636f6e74656e742f75706c6f6164732f67756c702e706e67)

Optimize Html framework - GULP PACK
===================================

[](#optimize-html-framework---gulp-pack)

Используйте эту сборку для ускоренной верстки сайтов. Gulp pack - Включает в себя минификацию изображений, js, css, а также компиляцию из sass в сss. Все изменения автоматически отслеживаются браузером.

СТРУКТУРА ПРИЛОЖЕНИЯ
--------------------

[](#структура-приложения)

```
  app/             Рабочая папка
  prod/            Папка для продакшена (по умолчанию не создана). Создается после выполнения команды gulp production
  package.json     Зависимости
  yarn.lock        Служебный файл для проверки целостности
  gulpfile.js      Файл настроек

```

УСТАНОВКА НЕОБХОДИМОГО ПО
-------------------------

[](#установка-необходимого-по)

### Перед использованием gulp pack необходимо установить node.js, а также yarn - быстрый и надежный пакетный менеджер.

[](#перед-использованием-gulp-pack-необходимо-установить-nodejs-а-также-yarn---быстрый-и-надежный-пакетный-менеджер)

Установите node.js перейдя по [этой ссылке](https://nodejs.org/en/download/), для установки пакетного менеджера yarn перейдите по [этой ссылке](https://yarnpkg.com/lang/en/docs/install/).

УСТАНОВКА GULP PACK ЧЕРЕЗ GIT РЕПОЗИТОРИЙ
-----------------------------------------

[](#установка-gulp-pack-через-git-репозиторий)

Чтобы установить gulp pack вы можете скачать архив по ссылке или клонировать репозиторий:

[https://github.com/webdesignchannel/optimize\_html.git](https://github.com/webdesignchannel/optimize_html.git)

УСТАНОВКА GULP PACK ЧЕРЕЗ COMPOSER
----------------------------------

[](#установка-gulp-pack-через-composer)

Установка с помощью композера:

```
composer require webdesignchannel/optimize-html:dev-master
composer create-project --prefer-dist webdesignchannel/optimize-html:dev-master

```

НАЧАЛО РАБОТЫ
-------------

[](#начало-работы)

Для установки зависимостей, откройте терминал из корня рабочей папки и введите команду:

```
yarn install

```

Для запуска gulp pack введите команду:

```
gulp watch

```

Для запуска gulp pack для продакшена введите команду:

```
gulp production

```

ОБНОВЛЕНИЕ ПАКЕТОВ
------------------

[](#обновление-пакетов)

Для обновления всех пакетов используйте команду:

```
yarn upgrade

```

Для обновления определенного пакета используйте команду:

```
yarn upgrade [package]@[version]

```

НАСТРОЙКА LIVE RELOAD
---------------------

[](#настройка-live-reload)

Для запуска live reload на локальной машине, в файле gulpfile.js в таске (liveReload) замените конструкцию:

```
server: {
	baseDir: "app"
}

```

На следующую конструкцию:

```
proxy: "ваш локальный домен например (site.local)"

```

###  Health Score

22

—

LowBetter than 22% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity10

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 66.7% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/a3a94fae6fb8dcf008d55dca0ba233c5aaa44a37e293381377eb49184b452ef6?d=identicon)[deadboy2](/maintainers/deadboy2)

---

Top Contributors

[![mhrustik](https://avatars.githubusercontent.com/u/34370050?v=4)](https://github.com/mhrustik "mhrustik (12 commits)")[![deadboy2](https://avatars.githubusercontent.com/u/17447129?v=4)](https://github.com/deadboy2 "deadboy2 (6 commits)")

### Embed Badge

![Health badge](/badges/webdesignchannel-optimize-html/health.svg)

```
[![Health](https://phpackages.com/badges/webdesignchannel-optimize-html/health.svg)](https://phpackages.com/packages/webdesignchannel-optimize-html)
```

###  Alternatives

[yurunsoft/chinese-util

PHP 中文工具包，支持汉字转拼音、拼音分词、简繁互转、数字转换、金额数字转换。

511109.2k3](/packages/yurunsoft-chinese-util)[bnomei/autoloader-for-kirby

Helper to automatically load various Kirby extensions in a plugin

185.7k2](/packages/bnomei-autoloader-for-kirby)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)