Olá, eu segui todos os passos do professor Flávio, não teve erro no terminal, porém no projeto, ele não concatenou nem minificou. Não localizei algum erro em scripts. Alguém poderia explicar? Segui as orientações:
gulpfile.js
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');
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(){
return gulp.src('dist/img/**/*')
.pipe(imagemin())
.pipe(gulp.dest('dist/img'));
});
gulp.task('usemin', function(){
return gulp.src('dist/**/*.html')
.pipe(usemin({
js: [uglify],
css: [cssmin]
}))
.pipe(gulp.dest('dist'));
});
projetgrunt/src/index.html
Deixei espaço em comentários.
<!-- build:css css/index.min.css -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/estilos.css">
<link rel="stylesheet" href="css/mobile.css">
<!-- endbuild -->
<!-- build:js js/index.min.js -->
<script src="js/jquery.js"></script>
<script src="js/home.js"></script>
<!-- endbuild -->
Terminal:
camilabd@camilabd-Inspiron-5420:~/Documentos/projetgrunt$ npm run gulp
> projetgrunt@1.0.0 gulp /home/camilabd/Documentos/projetgrunt
> gulp
[18:19:58] Using gulpfile ~/Documentos/projetgrunt/gulpfile.js
[18:19:58] Starting 'clean'...
[18:19:58] Finished 'clean' after 36 ms
[18:19:58] Starting 'copy'...
[18:19:58] Finished 'copy' after 56 ms
[18:19:58] Starting 'default'...
[18:19:58] Starting 'build-img'...
[18:19:58] Starting 'usemin'...
[18:19:58] Finished 'default' after 37 ms
[18:20:01] Finished 'usemin' after 3.06 s
[18:20:04] gulp-imagemin: Minified 32 images (saved 181.09 kB - 8.7%)
[18:20:04] Finished 'build-img' after 5.74 s
camilabd@camilabd-Inspiron-5420:~/Documentos/projetgrunt$
Então ele não gerou os seguintes arquivos: "css/index/min.css" e "js/index.min.js".