Привет! Я, конечно, ещё не специалист, но решила написать, потому что это я задавала вопрос по ссылке из 1 ответа и сейчас Gulp работает без ошибок. Ни в коем случае не хочу поумничать, просто вдруг помогу) Рекомендую проверить код в gulpfile, у меня работает такой (есть небольная разница в объявлении констант):
const gulp = require('gulp');
const browserSync = require('browser-sync').create();
const sass = require('gulp-sass')(require('sass'));
const rename = require("gulp-rename");
const autoprefixer = require('gulp-autoprefixer');
const cleanCSS = require('gulp-clean-css');
// Static server
gulp.task('server', function() {
browserSync.init({
server: {
baseDir: "src"
}
});
});
gulp.task('styles', function() {
return gulp.src("src/sass/**/*.+(scss|sass)")
.pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError))
.pipe(rename({ suffix: ".min", prefix: "" }))
.pipe(autoprefixer({
cascade: false
}))
.pipe(cleanCSS({ compatibility: 'ie8' }))
.pipe(gulp.dest("src/css"))
.pipe(browserSync.stream());
});
gulp.task('watch', function() {
gulp.watch("src/sass/**/*.+(scss|sass)", gulp.parallel("styles"));
gulp.watch("src/*.html").on("change", browserSync.reload);
});
gulp.task('default', gulp.parallel('watch', 'server', 'styles'));
А в идеале, загрузку всех плагинов по их актуальной документации.
Код в package.json, на всякий случай:
{
"name": "uber",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"browser-sync": "^2.27.4",
"gulp": "^4.0.2",
"gulp-autoprefixer": "^8.0.0",
"gulp-clean-css": "^4.3.0",
"gulp-cli": "^2.3.0",
"gulp-rename": "^2.0.0",
"gulp-sass": "^5.0.0",
"sass": "^1.35.2"
},
"browserslist": [
"defaults",
"not IE 11",
"maintained node versions"
],
"dependencies": {},
"description": ""
}
А ещё понимания процесса работы с gulp и git прибавил просмотр уроков из этого курса.
Ирина Белоусова
2 years ago
