Gulp问题书

时间:2019-12-28 20:59:38

标签: javascript css node.js sass gulp

Tengo estecódigoen el gulpfile para complilar y miniificar el css y js,el issuea es que cuando guardo cualquier archivo scss no ejecuta la tarea,sólolo ejecuta si modifico y guardo el archivos styles.sss(E todos los @import)

您需要解决的实际问题是,您需要在瓜达兰加拉瓜德兰的守卫场观看比赛,而在dego elcódigo还是要参加比赛:

// Initialize modules
var gulp = require('gulp');
var cssnano = require('gulp-cssnano');
var sass = require('gulp-sass');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');

// Sass task: compiles the style.scss file into style.css
gulp.task('sass', function(){
    return gulp.src('src/scss/*.scss')
        .pipe(sass()) // compile SCSS to CSS
        .pipe(cssnano()) // minify CSS
        .pipe(gulp.dest('src/dist')); // put final CSS in dist folder
});

// JS task: concatenates and uglifies JS files to script.js
gulp.task('js', function(){
    return gulp.src('src/js/*.js')
        .pipe(concat('main.js'))
        .pipe(uglify())
        .pipe(gulp.dest('src/dist'));
});

// Watch task: watch SCSS and JS files for changes
gulp.task('watch', function(){
    gulp.watch('src/scss/*.scss', gulp.series("sass"));
    gulp.watch('src/js/*.js', gulp.series("js"));    
});

// Default task
gulp.task('default', gulp.series('sass', 'js', 'watch'));

0 个答案:

没有答案