Команда (Node.js + Terser для JS):
npx terser src/app.js -o dist/app.min.js -c -m
💡 Минифицирует ваш JavaScript, сокращает код и уменьшает размер файлов, используя Terser.
Команда (Node.js + CleanCSS для CSS):
npx clean-css-cli -o dist/style.min.css src/style.css
💡 Минифицирует CSS, удаляя пробелы, комментарии и упрощая записи, что ускоряет загрузку страницы.
❓ Зачем это нужно?
🔹 Ускорение загрузки страниц: Меньший размер JS и CSS сокращает время передачи данных.
🔹 Оптимизация производительности: Минифицированный код обрабатывается браузером быстрее.
🔹 Чистый продакшн: Убираются ненужные пробелы и комментарии, что делает код компактным.
⚙️ Дополнительные опции Terser:
-c или --compress: Сжимает код, удаляя лишние конструкции.
-m или --mangle: Переименовывает переменные и функции, уменьшая размер.
--source-map: Генерирует source map для удобного дебага минифицированного кода.
Пример с source map:
npx terser src/app.js -o dist/app.min.js -c -m --source-map
⚙️ Дополнительные опции CleanCSS:
--compatibility — задаёт совместимость с браузерами.
--level — уровень оптимизации (1 или 2).
Пример:
npx clean-css-cli -o dist/style.min.css src/style.css --level 2
Библиотека пхпшника