@user-up6es3nr6s 3 жыл бұрын
Таймкоды: 0:00 Интро 0:13 gulp-sass 3:38 gulp-autoprefixer 5:39 gulp-group-css-media-queries 6:29 gulp-clean-css 7:54 gulp-rename 8:50 gulp-sourcemaps 12:09 stylelint 14:01 stylelint-order 17:05 Добавляем stylelint в lint-staged
@user-rb7vu4py1e 3 жыл бұрын
[20:51:56] The following tasks did not complete: default, , watchFiles, browserSync, , css, images, fonts [20:51:56] Did you forget to signal async completion? D:\WEB\projects\WAWE_gulp ode_modules x\dist x.js:77 throw e; ^ TypeError: Cannot read property 'sockets' of undefined at EventEmitter.browser:reload (D:\WEB\projects\WAWE_gulp ode_modules\browser-sync\dist\internal-events.js:20:19) и ещё очень много строчек :(
@user-up6es3nr6s 3 жыл бұрын
@@user-rb7vu4py1e Привет! В описании есть ссылка, если поставить мою сборку ошибка продолжается?
@EugeneKh. Жыл бұрын
На странице stylelint-scss npm-пакета есть ремарка, что лучше использовать stylelint-config-standard-scss, который уже включает в себя оный, если вы не собираете набор правил с нуля под свои цели, т.к. там нет танцев с бубном с ошибками эт-рулов. Также предостерегу, что расширение stylelint может не подсвечивать ошибки сразу после установки, стоит внести правки файл с настройками IDE, а именно: "css.validate": false, - отключает нативную валидацию "scss.validate": false, - // - "stylelint.validate": [ "css", "scss", ] - правила для стайлинта какие языки линтировать Все это применимо и к другим css-подобным языкам. Для тех, кто любит заморочится (Как я), стоит еще дописать правила порядка очередности вложенных выражений ( типа медиа - модификаторы по бэм - псведоклассы - псевдоэл-ты.. и т.д.) Хорошей практикой будет запретить переопределение селекторов в медиа запросах, установить макс глубину нестинга А супер круто сделать два конфига под линтер, один который будет проверять только те правила, которые требуют ручного исправления и использоать его по дэфолту, а для хаски сдлеать extended, который запускать с фагом --fix и он будет не только линтить по расширеному набору правил, но и фиксить очередность css-правил Черпал инфу тут blog.csssr.com/ru/article/lint-your-css/
@user-rg7tx5ve7u 3 жыл бұрын
Спасибо за урок
@ShortsPageTech 3 жыл бұрын
Просто Супер
@evgeniidianov164 3 жыл бұрын
урааа ты вернулсяяяя!
@mirrror7152 3 жыл бұрын
ООООО спасибо
@onthelimit1666 2 жыл бұрын
Спасибо, всё было очень круто до sass, но придётся отказаться от вашей сборки из-за невозможности подключения sass, в доках подключение сейчас выглядит так: var sass = require('gulp-sass')(require('sass')); пытался лечить, не получается. Пробовал import gulpSass from "gulp-sass"; import nodeSass from "node-sass"; const sass = gulpSass(nodeSass); Не помогло. Вот такая ошибка (npm ERR! code ELIFECYCLE npm ERR! errno 1), как я понимаю - это нода ругается. Дальше мои полномочия всё
@user-up6es3nr6s 2 жыл бұрын
Привет! Да, инструменты быстро обновляются и теперь так не будет работать, надо использовать новый способ подключения, либо поставить старую версию. Но сам смысл остается одним и тем же
@user-up6es3nr6s 2 жыл бұрын
@Дмитрий Самарин Привет! github.com/dlmanning/gulp-sass#importing-it-into-your-project
@constantinem.8269 3 жыл бұрын
Привет! Скажи, есть ли какой-нибудь инструмент для scss, который может упорядочить свойства в правильном порядке?
@user-up6es3nr6s 3 жыл бұрын
Привет! Лично я не пользовался, поэтому не могу подсказать. Попробуй гуглить в сторону order css plugin [название редактора кода] css plugin for sorting properties и тд
@Notjozeffie 2 жыл бұрын
Можешь использовать Prettier
@user-yd7qs2le1e 2 жыл бұрын
А как вы без шаблонизатора верстаете?
@user-up6es3nr6s 2 жыл бұрын
Привет! В основном чистый html не использую. Либо шаблонизаторы по типу pug, либо использую фреймворки
CodeCaty
Рет қаралды 178
Фрілансер по життю
Рет қаралды 285 М.