📌 Команда (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💡 Советы:
Для больших проектов удобно автоматизировать минификацию через npm scripts или Gulp/Webpack.
Минифицируйте только для production, чтобы не усложнять отладку на development.
Используйте source maps для удобного дебага минифицированного кода.