- подготовить окружение (установить nodejs, сделать коммит и пуш до манипуляций)
- скопировать файлы (git clone [email protected]:Vterebenin/dream_config.git) и перенести в корень проекта
- установить зависимости(модули/пакеты): npm i
- добавить папку node_modules в gitignore
- Завести необходимую под webpack структуру node structureMaker.js
- Опционально, можно убить structureMaker после исполнения, дабы не запустить его по случайности.
- npm run dev
- исправьте ошибки при компиляции и все готово!
При заливе файлов на хостинг: все точно так же, но нужно переносить все папки dev.
- Возможность написания современного JS, css, не думая о прошлом.
- Возможность использования любых возможных препроцессоров и плагинов
- dead code elumination -- очистка ненужного кода
- Возможность использовать линтеры
- ускоряется подключение JS библиотек
- потенциальное увеличение счета на google page speed метриках на 6-10 пунктов
- Это еще один посредник между вами и сайтом
- Это куча проблем с весом файлов
- необходима нода на файл сервере?
- С минифицированием css есть проблемы в наших метках, которые не воспринимаются минификаторами (не использовать минификацию при компиляции и использовать наш компрессор)
- css компилятор по причине возможности статического импортирования создает файлы-хелперы (наверное их как-то можно исключить)
- какого-то черта не работает jquery-validator, что приводит к тому, что пять файлов отказываются работать (переписать файлы, либо давать опцию их игнорирования в structureMaker.js?)
-
нельзя создавать файлы со странным контентом в папке Page(то есть без папок web/js/dev/ и web/css/dev/)
-
нельзя запускать structureMaker.js после компиляции webpack-а: он скопирует скомпиленные файлы в папку web, тем самым убив исходники.
-
не вводить интеграцию webpack в существующие проекты (это просто не нужно, если проект и без него живет, то вы только совершите много работы в никуда)
Как мне использовать библиотеки?
если они есть(скорее всего есть) в npm (просто гуглите npm название_модуля), то устанавливаете их. например:
npm i fotorama
иначе подключаем по-старому методу