Пытаюсь настроить gulp для верстки.
Не работает gulp rigger, если с билдом все норм, то при запуске локального сервера (через browserSync) в браузере показывает примерно вот такое //= _header.html (т.е. файла не подключается), а просто отображается команда подключения. Сталкивался ли кто-нибудь с такой ситуацией?
Сводка
‘use strict’;
const gulp = require(‘gulp’),
autoprefixer = require(‘gulp-autoprefixer’),
concat = require(‘gulp-concat’),
babel = require(‘gulp-babel’),
uglify = require(‘gulp-uglify’),
csso = require(‘gulp-csso’),
scss = require(‘gulp-sass’),
rigger = require(‘gulp-rigger’),
plumber = require(‘gulp-plumber’),
notify = require(‘gulp-notify’),
browserSync = require(‘browser-sync’);
const path = {
src: {
css: ‘src/scss/[^].scss’,
js: 'src/js/.js’,
html: 'src/html/**/[^].html’
},
build: {
css: ‘dist/media/css/’,
js: ‘dist/media/js/’,
html: ‘dist/’
},
watch: {
css: 'src/scss/**/.scss’,
js: ‘src/js//.js’,
html: 'src/html//*.html’
}
};
// BUILD
gulp.task(‘build:css’, () =>
gulp.src(path.src.css)
.pipe(scss())
.pipe(autoprefixer({
browsers: [‘last 2 versions’],
cascade: false
}))
.pipe(csso())
.pipe(concat(‘main.min.css’))
.pipe(gulp.dest(path.build.css))
)
gulp.task(‘build:js’, () =>
gulp.src(path.src.js)
.pipe(babel({
presets: [’@babel/env’]
}))
.pipe(concat(‘main.min.js’))
.pipe(uglify())
.pipe(gulp.dest(path.build.js))
);
gulp.task(‘build:html’, () =>
gulp.src(path.src.html)
.pipe(rigger())
.pipe(gulp.dest(path.build.html))
);
gulp.task(‘build’, gulp.parallel(‘build:css’, ‘build:js’, ‘build:html’));
// WATCHERS
gulp.task(‘watch:css’, () =>
gulp.src(path.src.css)
.pipe(plumber({errorHandler: notify.onError(‘Error: <%= error %>’)}))
.pipe(scss())
.pipe(concat(‘common.min.css’))
.pipe(gulp.dest(path.build.css))
);
gulp.task(‘watch:js’, () =>
gulp.src(path.src.js)
.pipe(plumber({errorHandler: notify.onError(‘Error: <%= error %>’)}))
.pipe(babel({
presets: [’@babel/env’]
}))
.pipe(concat(‘action.min.js’))
.pipe(gulp.dest(path.build.js))
);
gulp.task(‘watch:html’, () =>
gulp.src(path.src.html)
.pipe(plumber({errorHandler: notify.onError(‘Error: <%= error %>’)}))
.pipe(rigger())
.pipe(gulp.dest(path.build.html))
);
gulp.task(‘watch’, gulp.parallel(‘watch:css’, ‘watch:js’, ‘watch:html’), () => {
gulp.watch(path.watch.css, gulp.parallel(‘watch:css’));
gulp.watch(path.watch.js, gulp.parallel(‘watch:js’));
gulp.watch(path.watch.html, gulp.parallel(‘watch:html’));
});
// CONNECT
gulp.task(‘browserSync’, () => {
browserSync.init({
server: {
baseDir: ‘src/’,
index: ‘html/main.html’
},
port: 9000,
host: ‘localhost’,
open: true,
notify: false
});
browserSync.watch(‘src/’).on(‘change’, browserSync.reload);
});
gulp.task(‘default’, gulp.parallel(‘browserSync’, ‘build’, ‘watch’))