Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Não encontra a pasta de estilos less compilado

Estava tudo funcionando, mas no último exercício, eu deletei o estilo.css da pasta src e agora ele não está gerando o arquivo do less na pasta dist, precisa instalar algo a mais além do less?

events.js:141
      throw er; // Unhandled 'error' event
      ^
 Error: Path C:\Users\Usuario\Documents\Alura\Gulp\01-capitulo\projeto\dist\css\estilos.css not found!
    at getFiles (C:\Users\Usuario\Documents\Alura\Gulp\01-capitulo\projeto\node_modules\gulp-usemin\lib\blocksBuilder.js:59:15)
    at module.exports (C:\Users\Usuario\Documents\Alura\Gulp\01-capitulo\projeto\node_modules\gulp-usemin\lib\blocksBuilder.js:97:20)
    at Transform._transform (C:\Users\Usuario\Documents\Alura\Gulp\01-capitulo\projeto\node_modules\gulp-usemin\index.js:16:22)
2 respostas

Olá,

precisa ter as tarefas configuradas :

var gulp = require('gulp')
    ,imagemin = require('gulp-imagemin')
    ,clean = require('gulp-clean')
    ,concat = require('gulp-concat')
    ,htmlReplace = require('gulp-html-replace')
    ,uglify = require('gulp-uglify')
    ,usemin = require('gulp-usemin')
    ,cssmin = require('gulp-cssmin')
    ,browserSync = require('browser-sync')
    ,jsHint = require('gulp-jshint')
    ,jsHintStylish = require('jshint-stylish')
    ,cssLint = require('gulp-csslint')
    ,autoPrefixer = require('gulp-autoprefixer')
    ,less = require('gulp-less');

gulp.task('default', ['copy'], function () {
    gulp.start(
        'build-img',
        'usemin'
    );
});

gulp.task('copy', ['clean'], function () {
    return gulp.src('src/**/*')
        .pipe(gulp.dest('dist'));

});

gulp.task('clean', function () {
    return gulp.src('dist')
        .pipe(clean());
})

gulp.task('build-img', function() {

    gulp.src('dist/img/**/*')
        .pipe(imagemin())
        .pipe(gulp.dest('dist/img'));
});

gulp.task('usemin' ,function () {
   gulp.src('dist/**/*.html')
       .pipe(usemin({
           'js': [uglify],
           'css': [autoPrefixer, cssmin]
       }))
       .pipe(gulp.dest('dist'))
});

gulp.task('server', function () {
    browserSync.init({
        server: {
            baseDir: 'src'
        }
    })
    gulp.watch('src/js/*.js').on('change', function (event) {
        gulp.src(event.path)
            .pipe(jsHint())
            .pipe(jsHint.reporter(jsHintStylish));
    });

    gulp.watch('src/css/*.css').on('change', function (event) {
        gulp.src(event.path)
            .pipe(cssLint())
            .pipe(cssLint.reporter());
    });

    gulp.watch('src/less/*.less').on('change', function (event) {
        gulp.src(event.path)
            .pipe(less().on('error', function (erro) {
                console.log('Problema na compilação: '+erro.filename);
                console.log(erro.message);
            }))
            .pipe(gulp.dest('src/css'));
    });

    gulp.watch('src/**/*').on('change', browserSync.reload);
});

Att,

solução!

Eu coloquei o estilo.css na pasta novamente e funcionou. Não entendi, posso ter pulado algum passo.