Gulp-это Круто ! Как и ваше обьяснение!!! Просто и ОЧЕНЬ ПОНЯТНО И СЕРЬЕЗНО.. Вообще сама технология бесконечна и толком на ВАШЕМ уровне не раскрыта ... Вам по теме еще писать и писать..В общем все прекрасно Спасибо как ВСЕГДА!!!
Отличный урок, все понятно. У меня возникла такая проблема: когда в терминале прописывали команду "npm i gulp" должны были подгружаться файлы(папка node-modules и package-lock.json) но ничего не появилось. Решение: пропустил этот шаг, прописал npm init, заполнил параметры, появился файл package.json. Вернулся к команде "npm i gulp" - все заработало.
Не забывай людям говорить, что в редакторе кода нужно файлу scss указать синтаксис css! Я чуть монитор не раскурочил от злости, весь день сижу и понять не могу в чем ошибка!
Подскажите, установил в папку проекта всё, в package.json появились указанные три модуля. Но при вызове gulp sass-compile ошибка - "gulp" не является внутренней или внешней командой, исполняемой программой или пакетным файлом. В связи с этим, не понятно как организовать размещение gulp относительно папки проекта. А если их несколько? Или в каждый проект надо устанавливать это всё?
Добрый день! Большое спасибо за урок) Единственное, появилась проблема при установке модулей watch и handlebars - при подключении их в gulpfile.js они отображаются, как будто закомментированные и в подсказке выводит сообщение 'watch' is declared but its value is never read, с handlebars аналогично. Подскажите, пожалуйста, как можно решить такую проблему?
просто вопрос - а зачем такие танцы с бубном для компиляции в css? Я просто установил Live Sass Compiler и всё работает из коробки. Может есть какие-то вещи, которые в galp лучше?
У кого ошибка: [21:24:37] The following tasks did not complete: sass-compile [21:24:37] Did you forget to signal async completion? Вот решение: npm i sass -save-dev Дальше в gulpfile измените аналогичную строку на const sass = require('gulp-sass')(require('sass'));
Добрый вечер.Спасибо огромное за уроки. Подскажите пожалуйста за gulp watch,не могу понять: В 1-ом видео уроке "Сборка проекта на Gulp 4" запускали в терминале gulp watch для загрузки страницы в браузере, а во 2-ом уроке gulp watch запускаем в терминале для компиляции scss файлов в css файлы, так вот у меня scss не компилируется без команды gulp sass-compile, а вместо этого загружается страница в браузере. gulpfile.js совместил и написал с первого и со второго урока. как сделать автоматическую компиляцию scss файлов без постоянного ввода в терминал команду gulp sass-compile? Благодарю вас.
У меня такая же фигня! :( Компилирует только когда ввожу в терминал gulp sass-compile, а вот автоматически не компилирует когда ввожу в терминал gulp watch.
коала очень проста для ознакомления с препроцессорами самое то. Но гулп это огромный мощный инструмент который может делать многое другое не только компиляцию препроцессоров и его плюс в том что он не устанавливается как программа и его достаточно один раз настроить и можно всегда работать и не запускать каждый раз как коалу и перетаскивать туда файлы и прочее. Посмотрите в плейлисте по Gulp у меня на канале видео про сборку на Gulp если еще не смотрели. Там длинное видео которое показывает все прелести Gulp
Спасибо тебе! Я разобрался вроде. Есть один вопрос. У меня scss под каждый блок. По итогу нужно что бы все эти файлы сливались в один. Это делается через импорт стилей в main. Scss?
Все сделал по вашему примеру, но после запуска gulp sass-compile Выдает: [13:25:49] The following tasks did not complete: sass-compile [13:25:49] Did you forget to signal async completion? Что это может быть?
Скажите пожалуйста, как теперь запускать другие таски при запуске watch? Раньше было так gulp.task('watch', ['browser-sync', 'css-libs','scripts', 'jade'], function () {, а теперь?
@@Fs-xj2gu попробуй запустить два терминала, один gulp-watch,другой gulp-styles и компилировал файлы я через коалу (у меня тоже была такая беда, только так всё заработало)
помогите, на этапе gulp sass-compile возникает SyntaxError: missing ) after argument list at Module._compile (internal/modules/cjs/loader.js:723:23) at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10) at Module.load (internal/modules/cjs/loader.js:653:32) at tryModuleLoad (internal/modules/cjs/loader.js:593:12) at Function.Module._load (internal/modules/cjs/loader.js:585:3) at Module.require (internal/modules/cjs/loader.js:692:17) at require (internal/modules/cjs/helpers.js:25:18) at execute (C:\Users\User\AppData\Roaming pm ode_modules\gulp ode_modules\gulp-cli\lib\versioned\^4.0.0\index.js:36:18) at Liftoff.handleArguments (C:\Users\User\AppData\Roaming pm ode_modules\gulp ode_modules\gulp-cli\index.js:201:24) at Liftoff.execute (C:\Users\User\AppData\Roaming pm ode_modules\gulp ode_modules\liftoff\index.js:201:12)
scss это все-таки синтаксис (язык), его подключать не надо. А вот gulp подключать придется к каждому проекту где это используется. Небольшой лайфхак - скопировать файлы gulpfile.js и package.json в новый проект и в консоли запустить npm install . Все само установиться после можно использовать команды gulp watch gulp sass compile и тд
когда я пишу в терминале gulp sass мне выкидывает такую ошибку The "listener" argument must be of type Function. Received type undefined как ее исправить?
Ты спас меня, всё утро мучался со старыми гайдами по gulp3, а не 4. Можешь пожалуйста объяснить, как этот шаблон, который компилирует sass в css переносить в другие проекты?
Здравствуйте! Очень хорошо объяснили, спасибо! Но у меня возникла проблема с watch. Запускаю gulp watch, зависает в состояние "starting 'watch'...", меняю sass файл, сохраняю, и не происходит никаких изменений. Ни в командной строке ни в css. Таск sass-compile работает. Можете, пожалуйста, помочь?
надо искать ошибки в коде, скобки неправильные или что то в этом роде очень часто бывает. Просто опечатка или по невнимательности. Мой код с репозитория попробуйте запустить, работает? Если нет то у вас что то с галпом или node.js
спасибо! сначала не работало, потом через -g установил галп и всё поехало. подскажи пожалуйста, как установить browser sync или какой-нибудь релоад, а то голову сломал как его поставить, по документаци не получается..
Огромное спасибо, делал по твоему уроку, все хорошо но.. gulp sass-compile не выдает ошибки, все компилируется, вот только скомпелированого файла main.css в папке css нету, могли бы вы мне помочь ?
судя по всему старая версия gulp или он вообще не установлен, попробуйте в терминале эту команду: gulp --version и проверьте версию, должна быть четвертая и выше
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@4.13.1 postinstall: `node scripts/build.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the node-sass@4.13.1 postinstall script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\i am\AppData\Roaming pm-cache\_logs\2020-04-01T09_43_20_669Z-debug.log в чем проблема при установке!?
так же как любой другой модуль, установить через npm и всё. на сайте бутстрапа есть эта информация. пользуйтесь, документациями они не просто так пишутся (npm install bootstrap)
Не получается выдает ошибку, если знаете в чем ошибка подскажите PS D:\OSPanel\domains\gulp_sass> gulp sass-compile gulp : Имя "gulp" не распознано как имя командлета, функции, файла сценария или выпол няемой программы. Проверьте правильность написания имени, а также наличие и правильно сть пути, после чего повторите попытку. строка:1 знак:1 + gulp sass-compile + ~~~~ + CategoryInfo : ObjectNotFound: (gulp:String) [], CommandNotFoundExcep tion + FullyQualifiedErrorId : CommandNotFoundException PS D:\OSPanel\domains\gulp_sass> gulp watch gulp : Имя "gulp" не распознано как имя командлета, функции, файла сценария или выпол няемой программы. Проверьте правильность написания имени, а также наличие и правильно сть пути, после чего повторите попытку. строка:1 знак:1 + gulp watch + ~~~~ + CategoryInfo : ObjectNotFound: (gulp:String) [], CommandNotFoundExcep tion + FullyQualifiedErrorId : CommandNotFoundException
это означает что у вас gulp не установлен или даже node.js. Поэтому данной команды как будто не существует. Запустите эти команды и проверьте всё ли у вас установлено. (это два знака дефис перед словом version) node --version (проверка версии node.js) npm --version (версия npm) gulp --version (версия gulp) если никакой версии нет то значит что то из этого не установлено. Вот как у меня выглядит результат этих команд: prntscr.com/mh0yrn (скриншот)
@@ITDoctor Вот что показывает PS D:\OSPanel\domains\gulp_sass> node --version v8.12.0 PS D:\OSPanel\domains\gulp_sass> npm --version 6.4.1 PS D:\OSPanel\domains\gulp_sass> gulp --version gulp : Имя "gulp" не распознано как имя командлета, функции, файла сценария или выполняемой программы. Проверьте правильность написания имени, а также наличие и пра вильность пути, после чего повторите попытку. строка:1 знак:1 + gulp --version + ~~~~ + CategoryInfo : ObjectNotFound: (gulp:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException установил gulp , начал проверять версию и опять таже ошибка вот скрин prnt.sc/mh1x3w
Scss это один из синтаксисов написания стилей второй это sass. Оба становятся доступны после установки sass. Но мне болтше нравится scss поэтому я его использую
ребята помогите написал все по гайду const gulp = require('gulp'); const sass = require('gulp-sass'); const sourcemaps = require('gulp-sourcemaps'); const watch = require('gulp-watch'); gulp.task('sass', function () { return gulp.src('./scss/**/*.scss') .pipe(sourcemaps.init()) .pipe(sass().on('error', sass.logError)) .pipe(sourcemaps.write('./')) .pipe(gulp.dest('./css/')) }) gulp.task('sass:watch', function () { gulp.watch('./sass/**/*.scss', ['sass']); }); но почему то не компилируеться scss файлы в css 3 раза уже код переписывал
Курс Frontend разработчик на HTML, CSS и JavaScript: stepik.org/z/113402
Спасибо, действительно понятный ролик. Пересмотрел множество подобного материала, и у вас самое наглядное руководство.
Отлично! Вопросов не возникло - все работает. Кратко и понятно.
Хороший материал)) Особенно про maps. Не использовал его никогда)) Теперь буду) Спасибо! Помог))
Всё по полочкам, грамотно, понятно!
Лайк, подписка)
Gulp-это Круто ! Как и ваше обьяснение!!! Просто и ОЧЕНЬ ПОНЯТНО И СЕРЬЕЗНО..
Вообще сама технология бесконечна и толком на ВАШЕМ уровне не раскрыта ...
Вам по теме еще писать и писать..В общем все прекрасно
Спасибо как ВСЕГДА!!!
в этом видео только про компиляцию scss, а не про весь gulp естественно.
@@ITDoctor Я им пользуюсь Но многие нюансы еще не знаю...
Технология щикарна...Потому и написал ,что рад тому что рассказали
Е раз СПАСИБО
@@ВасилийИвановичЕлфимов пожалуйста
Супер, сначала посмотрел старый урок с квадратными скобками и не мог понять почему не работает. По твоему уроку все понял)
Как же вы круто объясняете) Спасибо!
спасибо
Отличный урок, все понятно. У меня возникла такая проблема: когда в терминале прописывали команду "npm i gulp" должны были подгружаться файлы(папка node-modules и package-lock.json) но ничего не появилось.
Решение: пропустил этот шаг, прописал npm init, заполнил параметры, появился файл package.json. Вернулся к команде "npm i gulp" - все заработало.
Наконец-то у меня получилось))) пересмотрела кучу видео, а с вами получилось сделать
Большое спасибо! Очень крутой гайд!)
Пожалуйста
большое спасибо.
Редко пишу коменты, но если видос топовый, обязательно благодарю!
спасибо
красава класний відео урок все зрозуміло і без води
спасибо
Не забывай людям говорить, что в редакторе кода нужно файлу scss указать синтаксис css! Я чуть монитор не раскурочил от злости, весь день сижу и понять не могу в чем ошибка!
Просто топ, спасибо большое автор!
супер видео, спасибо Вам огромное .Очень интересно!!!!
Респект автору очень понятно объясняет 👍.
Спасибо
Отличный выпуск, спасибо)
пожалуйста
Спасибо за видео ! все заработало с первого раза!
Замечательно!
Подскажите, установил в папку проекта всё, в package.json появились указанные три модуля. Но при вызове gulp sass-compile ошибка - "gulp" не является внутренней или внешней командой, исполняемой программой или пакетным файлом.
В связи с этим, не понятно как организовать размещение gulp относительно папки проекта. А если их несколько? Или в каждый проект надо устанавливать это всё?
Спасибо за урок, очень помог
Жаль что у тебя подписчиков мало и видосов на канале немного, а так смотрю 2е видео и очень классно и понятно объясняешь.
видео более 250. смотрите в разделе плейлистов
@@ITDoctor подскажи, пожалуйста. По БЭМ файлы должны начинаться с нижнего подчеркивания, но тогда Gulp их не воспринимает, что делать?
разобрался ,посмотрел видое урок номер 3.
Спасибо , лайк!
Очень хорошо объяснил
лучший
Почему не ставишь флажок --save-dev при установке плагинов?
Спасибо!) очень помогло видео))
Спасибо) освежил память, можно было добавить еще сss minify)
Супер!!!! Спасибо!!!
Добрый день!
Большое спасибо за урок)
Единственное, появилась проблема при установке модулей watch и handlebars - при подключении их в gulpfile.js они отображаются, как будто закомментированные и в подсказке выводит сообщение 'watch' is declared but its value is never read, с handlebars аналогично. Подскажите, пожалуйста, как можно решить такую проблему?
С П А С И Б О !!!!!!!
просто вопрос - а зачем такие танцы с бубном для компиляции в css? Я просто установил Live Sass Compiler и всё работает из коробки. Может есть какие-то вещи, которые в galp лучше?
если есть папка build, то sourcemaps.init() запускать по адресу './build/css'
.pipe(gulp.dest('./build/css')) ?
У кого ошибка:
[21:24:37] The following tasks did not complete: sass-compile
[21:24:37] Did you forget to signal async completion?
Вот решение:
npm i sass -save-dev
Дальше в gulpfile измените аналогичную строку на
const sass = require('gulp-sass')(require('sass'));
Добрый вечер.Спасибо огромное за уроки.
Подскажите пожалуйста за gulp watch,не могу понять:
В 1-ом видео уроке "Сборка проекта на Gulp 4" запускали в терминале gulp watch для загрузки страницы в браузере,
а во 2-ом уроке gulp watch запускаем в терминале для компиляции scss файлов в css файлы,
так вот у меня scss не компилируется без команды gulp sass-compile, а вместо этого загружается страница в браузере.
gulpfile.js совместил и написал с первого и со второго урока.
как сделать автоматическую компиляцию scss файлов без постоянного ввода в терминал команду gulp sass-compile?
Благодарю вас.
У меня такая же фигня! :( Компилирует только когда ввожу в терминал gulp sass-compile, а вот автоматически не компилирует когда ввожу в терминал gulp watch.
@@hackerpro6073 у меня тоже, не пофиксил?
@@skily4866 нет(
@@hackerpro6073 я смотрю другой видео урок, если получится отпишусь
@@hackerpro6073 я понимаю прошло уже много времени, но если вдруг надо, отпиши, у меня все получилось, автоматически все работает
Что предпочтительнее использовать: сборщик Gulp или ту же Коалу? На первый взгляд, функции у них одинаковые.
коала очень проста для ознакомления с препроцессорами самое то. Но гулп это огромный мощный инструмент который может делать многое другое не только компиляцию препроцессоров и его плюс в том что он не устанавливается как программа и его достаточно один раз настроить и можно всегда работать и не запускать каждый раз как коалу и перетаскивать туда файлы и прочее. Посмотрите в плейлисте по Gulp у меня на канале видео про сборку на Gulp если еще не смотрели. Там длинное видео которое показывает все прелести Gulp
@@ITDoctor Спасибо, посмотрю
спасибо!!!Тебе!Лайк)
Главное - актуально)
Спасибо тебе! Я разобрался вроде. Есть один вопрос. У меня scss под каждый блок. По итогу нужно что бы все эти файлы сливались в один. Это делается через импорт стилей в main. Scss?
Спасибо
Спасибо!
thank you very match))
как это все потом в Laravel запихнуть?
Все сделал по вашему примеру, но после запуска gulp sass-compile
Выдает:
[13:25:49] The following tasks did not complete: sass-compile
[13:25:49] Did you forget to signal async completion?
Что это может быть?
у меня также, если знаешь, помоги пожалуйста) я уже 3 дня решить не могу
@@ZoRTuL-p2n я уже и не помню решил я проблему или нет. Давно это было)
@@vwusr2533 ок, просто я уже вообще не знаю что делать
Скажите пожалуйста, как теперь запускать другие таски при запуске watch? Раньше было так gulp.task('watch', ['browser-sync', 'css-libs','scripts', 'jade'], function () {, а теперь?
вы видео смотрели? я об этом говорил: prntscr.com/mjifi3
gulp.watch('какие файлы отслеживать', gulp.series('название таска для запуска'))
Я объединил код с нового видео про сборщик gulp с этим sass. Но код не работает, запускаю gulp watch - html работает , а вот в папке build в css не создается файл style.css.
//Подключаем модули галпа
const gulp = require('gulp');
const sass = require('gulp-sass');
const sourcemaps = require('gulp-sourcemaps');
const concat = require('gulp-concat');
const autoprefixer = require('gulp-autoprefixer');
const cleanCSS = require('gulp-clean-css');
const uglify = require('gulp-uglify');
const del = require('del');
const browserSync = require('browser-sync').create();
//Порядок подключения css файлов
const cssFiles = [
'./src/css/main.scss',
'./src/css/media.scss'
]
//Порядок подключения js файлов
const jsFiles = [
'./src/js/lib.js',
'./src/js/main.js'
]
//Таск на стили CSS
function styles() {
//Шаблон для поиска файлов CSS
//Всей файлы по шаблону './src/css/**/*.css'
return gulp.src(cssFiles)
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(sourcemaps.write('./'))
//Объединение файлов в один
.pipe(concat('style.css'))
//Добавить префиксы
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
//Минификация CSS
.pipe(cleanCSS({
level: 2
}))
//Выходная папка для стилей
.pipe(gulp.dest('./build/css'))
.pipe(browserSync.stream());
}
//Таск на скрипты JS
function scripts() {
//Шаблон для поиска файлов JS
//Всей файлы по шаблону './src/js/**/*.js'
return gulp.src(jsFiles)
//Объединение файлов в один
.pipe(concat('script.js'))
//Минификация JS
.pipe(uglify({
toplevel: true
}))
//Выходная папка для скриптов
.pipe(gulp.dest('./build/js'))
.pipe(browserSync.stream());
}
//Удалить всё в указанной папке
function clean() {
return del(['build/*'])
}
//Просматривать файлы
function watch() {
browserSync.init({
server: {
baseDir: "./"
}
});
//Следить за CSS файлами
gulp.watch('./src/css/**/*.scss', styles)
//Следить за JS файлами
gulp.watch('./src/js/**/*.js', scripts)
//При изменении HTML запустить синхронизацию
gulp.watch("./*.html").on('change', browserSync.reload);
}
//Таск вызывающий функцию styles
gulp.task('styles', styles);
//Таск вызывающий функцию scripts
gulp.task('scripts', scripts);
//Таск для очистки папки build
gulp.task('del', clean);
//Таск для отслеживания изменений
gulp.task('watch', watch);
//Таск для удаления файлов в папке build и запуск styles и scripts
gulp.task('build', gulp.series(clean, gulp.parallel(styles,scripts)));
//Таск запускает таск build и watch последовательно
gulp.task('dev', gulp.series('build','watch'));
Закомментируй строку
//const watch = require('gulp-watch');
я вынесла отдельно
gulp.task('sassCompile', function(){
return gulp.src('./scss/**/*.scss')
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./build/css'))
});
и ....
function watch(){
browserSync.init({
server: {
baseDir: "./"
}
});
//Следить за CSS файлами
gulp.watch('./src/css/**/*.css', styles)
gulp.watch('./scss/**/*.scss', gulp.series('sassCompile'))
//Следить за JS файлами
gulp.watch('./src/js/**/*.js', scripts)
//При изменении HTML запустить синхронизацию
gulp.watch("./*.html").on('change', browserSync.reload);
}
в index.html прописала доп стиль
если не секрет,помог тебе совет Татьяны?
@@valerakleban3147 даже не проверял. Сказали что в пятницу выйдет видео вторая часть
@@Fs-xj2gu попробуй запустить два терминала, один gulp-watch,другой gulp-styles и компилировал файлы я через коалу (у меня тоже была такая беда, только так всё заработало)
помогите, на этапе gulp sass-compile возникает
SyntaxError: missing ) after argument list
at Module._compile (internal/modules/cjs/loader.js:723:23)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
at Module.require (internal/modules/cjs/loader.js:692:17)
at require (internal/modules/cjs/helpers.js:25:18)
at execute (C:\Users\User\AppData\Roaming
pm
ode_modules\gulp
ode_modules\gulp-cli\lib\versioned\^4.0.0\index.js:36:18)
at Liftoff.handleArguments (C:\Users\User\AppData\Roaming
pm
ode_modules\gulp
ode_modules\gulp-cli\index.js:201:24)
at Liftoff.execute (C:\Users\User\AppData\Roaming
pm
ode_modules\gulp
ode_modules\liftoff\index.js:201:12)
где-то не закрыл ")" функцию скорее всего " - "missing ) after argument list
"
Таким образом scss надо подключать к каждому проекту где это используется?
scss это все-таки синтаксис (язык), его подключать не надо. А вот gulp подключать придется к каждому проекту где это используется. Небольшой лайфхак - скопировать файлы gulpfile.js и package.json в новый проект и в консоли запустить npm install . Все само установиться после можно использовать команды gulp watch gulp sass compile и тд
когда я пишу в терминале gulp sass мне выкидывает такую ошибку The "listener" argument must be of type Function. Received type undefined как ее исправить?
не сталкивался с таким, но возможно вот тут вы найдете ответ: qa-help.ru/questions/nodejs-argument-slushatelya-dolzhen-imet-tip-function
Ты спас меня, всё утро мучался со старыми гайдами по gulp3, а не 4. Можешь пожалуйста объяснить, как этот шаблон, который компилирует sass в css переносить в другие проекты?
по такой же инструкции должно работать всё. просто выполняете все команды в своей папке с проектом. и у вас gulp и все модули установятся туда.
Здравствуйте!
Очень хорошо объяснили, спасибо! Но у меня возникла проблема с watch. Запускаю gulp watch, зависает в состояние "starting 'watch'...", меняю sass файл, сохраняю, и не происходит никаких изменений. Ни в командной строке ни в css. Таск sass-compile работает.
Можете, пожалуйста, помочь?
надо искать ошибки в коде, скобки неправильные или что то в этом роде очень часто бывает. Просто опечатка или по невнимательности. Мой код с репозитория попробуйте запустить, работает? Если нет то у вас что то с галпом или node.js
Скорее всего где-то в шала файле поставил ;
really super!
спасибо!
сначала не работало, потом через -g установил галп и всё поехало.
подскажи пожалуйста, как установить browser sync или какой-нибудь релоад, а то голову сломал как его поставить, по документаци не получается..
вот тут показываю и browser sync, в описании навигация. th-cam.com/video/r2S423N-ETA/w-d-xo.html
Огромное спасибо, делал по твоему уроку, все хорошо но.. gulp sass-compile не выдает ошибки, все компилируется, вот только скомпелированого файла main.css в папке css нету, могли бы вы мне помочь ?
проверьте всё ещё раз. на каком то этапе возможно у вас ошибка и в файле gulpfile.js где то опечатка.
Можно ли совместить, и если да то как, проект Angular, у которого свой сборщик, с SASS/Gulp?
с ангуляром не работал, не могу ничего посоветовать. По галпу подробное видео будет скоро
Написал код идентичный коду на видео, однако в отладчике так строку sass и не показывает. В остальном все отлично компилируется.
значит какие то проблемы с gulp-sourcemaps
Всем привет у меня у одно в main.scss не работает emmet? В че проблема ?
в настройках плагина можно добавить расширения файлов. хотя scss должен работать а вот с sass могут быть проблемы
Привет можно сконвертировать scss в sass?
Не пробовал но думаю да. Надо только загуглить
Я пишу
gulp sass-compile
и мне выдаёт:
Unsupported gulp version
Что делать?
судя по всему старая версия gulp или он вообще не установлен, попробуйте в терминале эту команду: gulp --version и проверьте версию, должна быть четвертая и выше
@@ITDoctor да, ты прав. Спасибо за ответ! Оказалось, что и правда, у меня стояла 2 версия
@@victordemyanenko4341 рад помочь)
У меня выдается следующая ошибка, кто-нибудь знает как можно ее исправить? Task never defined: sass-compile
судя по всему у вас нет такого таска
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! node-sass@4.13.1 postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the node-sass@4.13.1 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\i am\AppData\Roaming
pm-cache\_logs\2020-04-01T09_43_20_669Z-debug.log
в чем проблема при установке!?
как бустрап 4 подключить к GUlp?
так же как любой другой модуль, установить через npm и всё. на сайте бутстрапа есть эта информация. пользуйтесь, документациями они не просто так пишутся (npm install bootstrap)
Топ
Жалко, что сразу не начали добавлять эти плагины в готовую сборку. У меня не запускается watch. Пишет "Error: Cannot find module 'gulp-sourcemaps'"
из описания следует что модуль gulp-sourcemaps не установлен. в package.json он есть???
@@ITDoctor Да, вот он "gulp-sourcemap": "^1.0.1"
@@ruslan728 скрин ошибки покажите
@@ITDoctor а куда отправить?
@@ruslan728 да прям сюда
Не получается выдает ошибку, если знаете в чем ошибка подскажите
PS D:\OSPanel\domains\gulp_sass> gulp sass-compile
gulp : Имя "gulp" не распознано как имя командлета, функции, файла сценария или выпол
няемой программы. Проверьте правильность написания имени, а также наличие и правильно
сть пути, после чего повторите попытку.
строка:1 знак:1
+ gulp sass-compile
+ ~~~~
+ CategoryInfo : ObjectNotFound: (gulp:String) [], CommandNotFoundExcep
tion
+ FullyQualifiedErrorId : CommandNotFoundException
PS D:\OSPanel\domains\gulp_sass> gulp watch
gulp : Имя "gulp" не распознано как имя командлета, функции, файла сценария или выпол
няемой программы. Проверьте правильность написания имени, а также наличие и правильно
сть пути, после чего повторите попытку.
строка:1 знак:1
+ gulp watch
+ ~~~~
+ CategoryInfo : ObjectNotFound: (gulp:String) [], CommandNotFoundExcep
tion
+ FullyQualifiedErrorId : CommandNotFoundException
это означает что у вас gulp не установлен или даже node.js. Поэтому данной команды как будто не существует. Запустите эти команды и проверьте всё ли у вас установлено. (это два знака дефис перед словом version)
node --version (проверка версии node.js)
npm --version (версия npm)
gulp --version (версия gulp)
если никакой версии нет то значит что то из этого не установлено.
Вот как у меня выглядит результат этих команд: prntscr.com/mh0yrn (скриншот)
@@ITDoctor Вот что показывает
PS D:\OSPanel\domains\gulp_sass> node --version
v8.12.0
PS D:\OSPanel\domains\gulp_sass> npm --version
6.4.1
PS D:\OSPanel\domains\gulp_sass> gulp --version
gulp : Имя "gulp" не распознано как имя командлета, функции, файла сценария или выполняемой программы. Проверьте правильность написания имени, а также наличие и пра
вильность пути, после чего повторите попытку.
строка:1 знак:1
+ gulp --version
+ ~~~~
+ CategoryInfo : ObjectNotFound: (gulp:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException
установил gulp , начал проверять версию и опять таже ошибка вот скрин
prnt.sc/mh1x3w
@@Nika.LPnika самое интересное gulp --version у вас ведь команды gulp не распознаются prntscr.com/mh23e9 (скриншот)
gulp судя по всему не установлен.
@@ITDoctor как его установить по другому?
выдает ошибку No gulpfile found
No gulpfile found - gulpfile не найден
из перевода ошибки значит что у вас нет файла gulpfile.js
@@ITDoctor но он есть) не все как у вас..не прнимаю почему его не видит
Я не могу быстро писать я навичок и не привык без emmet писать
Консоль под полосой прокрутки Ютуб.. Плохо видно
15:00 А почему вы установили gulp-sass и говорите что это scss???
Scss это один из синтаксисов написания стилей второй это sass. Оба становятся доступны после установки sass. Но мне болтше нравится scss поэтому я его использую
геморно.) с коалой лучше.)
ничего не работает. gulp не является внутренней или внешней командой, исполняемлй программой или пакетным файлом.
fooobar.com/questions/558602/gulp-is-not-recognized-as-an-internal-or-external-command
@@ITDoctor круто, спасибо, подклбчилось. теперь не срабатывает sass-compile
говорит task never defined: sass-compile
я что-то делаю не так?
@@ITDoctor а всё, понял где накосячил. спачибо за помощь))))
npm i -g gulp-cli
Если кому то не помогло
ребята помогите написал все по гайду
const gulp = require('gulp');
const sass = require('gulp-sass');
const sourcemaps = require('gulp-sourcemaps');
const watch = require('gulp-watch');
gulp.task('sass', function () {
return gulp.src('./scss/**/*.scss')
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./css/'))
})
gulp.task('sass:watch', function () {
gulp.watch('./sass/**/*.scss', ['sass']);
});
но почему то не компилируеться scss файлы в css 3 раза уже код переписывал
все, разобрался)
очень интересно
но братан что у тебя с носом??? высмаркнись !!!
невозможно слушать!!
вначале норм потом все хуже и хуже
спасибо! хорошо, что про новый синтаксис рассказал)
видос - пушка
Спасибо
Пожалуйста
Спасибо
Пожалуйста