Чем можно сжать html, js и css файлы без необходимости чёткого стиля синтаксиса?

Question

[Антон Шульц]

Попытался использовать gulp-compress

В этой строке он выводит ошибку

let catLoader = document.querySelector(".cat-loader");

Но выводил ошибку

Comments

[alex]

gulp-compress

spoiler

[Антон Шульц]

alex, gulp-uglify ту же ошибку выдает с этой строкой

[alex]

Антон Шульц, аглифай не работает с es6+ синтаксисом. предварительно вам нужно пропустить код через babel. либо юзать terser

[Антон Шульц]

alex, а как можно настроить очередность обработки файлов?
например, если я хочу, чтобы они скомпилировались в той же последовательности, как и у меня подключены в html или хотя бы сделать исключение для 1-2 файлов, которые будут первыми обработаны, а остальные уже из папки, как угодно?

[alex]

Антон Шульц, ничего не понял) какая разница в каком поряджке они будут обрабытваться? а так - у вас есть gulp.src - берите нужный файл и обрабатывайте его, делаете композицию с помощью gulp.parallel, gulp.series

[Антон Шульц]

alex, например
есть файлы

bootstrap.css
...css
...css
add.css

И в файле add.css есть такие же классы, как и в bootstrap, но немного измененные.
А судя по логике работы галпа, он по алфовиту в папке берет все файлы и складывает.
В итоге получится так, что стили из add.css окажутся выше bootstrap.css и не будут актуальны.

Так же и с JS, если файл с функциями окажется ниже, чем файл, где их вызывают.

[alex]

Антон Шульц,

и складывает

складывает? или склеивает в один? если вы их вручную в html подключаете зачем вы их в один файл склеиваете? а так вообще есть gulp-order

Answer 1

[Vyach Gor]

Замените в проекте gulp-uglify на gulp-uglify-es так как первый не поддерживает es6 - либо пишите на es5.