Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sedovdmitry/bitrix-webpack

bitrix webpack cli
https://github.com/sedovdmitry/bitrix-webpack

bitrix cli es6 sass uikit3 vue2 webpack4

Last synced: 4 months ago
JSON representation

bitrix webpack cli

Awesome Lists containing this project

README

        

# bitrix-webpack
bitrix-webpack — консольный инструмент для автоматического разворачивания Webpack в битрикс-приложении.
Основная цель — упростить и автоматизировать первоначальную настройку Webpack для битрикс-проекта.

## Содержание
1. [Описание](#introduction)
2. [Установка](#install)
3. [Конфигурация](#config)
4. [Как пользоваться](#build)

Описание

bitrix-webpack — одной командой разворачивает и настраивает сборщик проектов Webpack4 с установкой следующих CSS- и JS- фреймворков:

- Webpack 4
- js-фреймворк Vue 2 с примером
- css-фреймворк Uikit 3
- включить поддержку SASS
- разделение css и js на вендорные и кастомные стили и скрипты
- автоматически добавляются сниппеты, подключающие собранные webpack'ом файлы в `footer.php` и в `header.php` во все шаблоны, расположенные в `/bitrix/templates` и `/local/templates`.

После установки Webpack будет настроен на транспиляцию в ES5, объединение и минификацию вендорных и кастомных для проекта js-скриптов. Объединение, минификацию и расстановку префиксов для css-стилей. Для обхода агрессивного браузерного кеширования к созданным webpack'ом файлам добавляется хэш в название.

В итоге получится:

```html

```

```html