Чтобы исключить сжатие файлов JavaScript в Gulp.js, но при этом добавить их в папку js
и подключать их как отдельные файлы, вам понадобится использовать следующие пакеты и настройки.
- Подключите пакеты Gulp.js, которые позволят вам работать с файлами JavaScript:
gulp
иgulp-concat
.
const gulp = require('gulp'); const concat = require('gulp-concat');
- Создайте задачу Gulp для сборки исходных файлов JavaScript. В этой задаче мы используем метод
gulp.src()
, чтобы указать исходники, которые нужно собрать, затем используем методgulp.concat()
, чтобы объединить все файлы в один, и сохраняем итоговый файл в папкуjs
.
gulp.task('js', function () { return gulp.src('src/js/*.js') .pipe(concat('main.js')) .pipe(gulp.dest('dist/js')); });
- Добавьте задачу Gulp для отслеживания изменений в файлах JavaScript и автоматической пересборки.
gulp.task('watch', function () { gulp.watch('src/js/*.js', gulp.series('js')); });
- Запустите задачу
watch
в терминале, чтобы начать отслеживание изменений и автоматическую пересборку файлов JavaScript.
gulp watch
Теперь каждый файл JavaScript, находящийся в папке src/js
, будет объединен в один файл main.js
и помещен в папку dist/js
. Вы можете подключить его в своем HTML-файле следующим образом:
<script src="js/main.js"></script>
Обратите внимание, что в данном случае файлы JavaScript не будут сжиматься. Если вам необходимо выполнить сжатие, вы можете использовать дополнительные пакеты, такие как gulp-uglify
, и добавить их в задачу js
.