Как подключать npm пакеты через gulp?

Пользователь

от jensen , в категории: JavaScript , 7 месяцев назад

Как подключать npm пакеты через gulp?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от stephon , 7 месяцев назад

@jensen 

Для подключения npm пакетов через Gulp нужно использовать плагин gulp-uglify для минификации JavaScript файлов и плагин gulp-concat для объединения нескольких файлов в один.


Вот пример кода, который показывает, как подключить jQuery и Bootstrap:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
const gulp = require('gulp');
const concat = require('gulp-concat');
const uglify = require('gulp-uglify');

const jsFiles = [
  'node_modules/jquery/dist/jquery.js',
  'node_modules/bootstrap/dist/js/bootstrap.js'
];

gulp.task('scripts', function() {
  return gulp.src(jsFiles)
    .pipe(concat('scripts.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('dist/js'));
});


Этот код объединяет файлы jQuery и Bootstrap в один файл, который затем минифицируется и сохраняется в папке dist/js.


Вы можете изменить пути к файлам в массиве jsFiles в зависимости от того, какие пакеты вы хотите подключить. Кроме того, вы можете изменить название выходного файла и путь, в котором он сохраняется.