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