πŸ₯€Gulp

УстанавливаСм gulp-cli, gulp, gulp-less

npm install gulp-cli
npm install gulp
npm install gulp-less

ЗаполняСм gulpfile.js

gulpfile.js
var gulp = require('gulp');
var less = require('gulp-less');

gulp.task('styles', function (cb){ // ΠΏΡ€ΠΈ запускС Π·Π°Π΄Π°Ρ‡ΠΈ npx gulp styles, компилируСтся всС Ρ„Π°ΠΉΠ»Ρ‹ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ .less Π² ΠΈΠ· ΠΏΠ°ΠΏΠΊΠΈ public/less/, Π² .css Π² ΠΏΠ°ΠΏΠΊΡƒ public/css/
    gulp.src('public/less/*.less').pipe(less()).pipe(gulp.dest('public/css'));
    cb();
});

gulp.task('bootstrap',function (cb){
    gulp.src('node_modules/bootstrap/dist/css/bootstrap.css').pipe(gulp.dest('public/css'));
    gulp.src('node_modules/bootstrap/dist/js/bootstrap.js').pipe(gulp.dest('public/js'));
    cb();
});

gulp.task('watch', function (cb){ // ΠΏΡ€ΠΈ запускС Π·Π°Π΄Π°Ρ‡ΠΈ npx gulp watch, слСдит Π·Π° ΡƒΠΊΠ°Π·Π°Π½Ρ‹ΠΌΠΈ Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ, (ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ control+Z) нСльзя Π·Π°ΠΊΡ€Ρ‹Π²Π°Π°Ρ‚ΡŒ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π» с Π·Π°ΠΏΡƒΡ‰Π΅Π½Ρ‹ΠΌ процСссом, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π΅Π³ΠΎ ΠΏΠΎΡ‚ΠΎΠΌ нСльзя Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ
    gulp.watch('public/less/*.less',gulp.series('styles'));
    // ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ нСсколько gulp.watch
    cb();
});

gulp.task('build', // Ρ‚Π°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°Π΄Π°Ρ‡ΠΈ, npx gulp build запустит Π΄Π²Π΅ Π·Π°Π΄Π°Ρ‡ΠΈ
    gulp.parallel(
        'styles',
        'bootstrap'
    )
);

Last updated