π₯€Gulp
Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΠΌ gulp-cli, gulp, gulp-less
npm install gulp-cli
npm install gulp
npm install gulp-less
ΠΠ°ΠΏΠΎΠ»Π½ΡΠ΅ΠΌ 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