Gulp v4 - Sass and BrowserSync setup
In this video I look at how we can setup a gulp build that will compile Sass for us, and automatically sync all changes to html, sass files, and JS files, on save using BrowserSync. Save your file, and the page is updated. So nice!
If you're coming from a previous version of Gulp, you may have noticed that the upgrade to v4 brought in some breaking changes, which is never fun. Instead of creating tasks, we now create functions, but other than that most things are still the same luckily :)
---
Come and hangout, ask questions, suggest ideas, and meet some awesome people over in The Community: https://discord.gg/nTYCvrK
I have a newsletter! https://www.kevinpowell.co/newsletter
New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass
---
My Code Editor: VS Code - https://code.visualstudio.com/
How my browser refreshes when I save: https://youtu.be/h24noHYsuGc
---
Support me on Patreon: https://www.patreon.com/kevinpowell
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
Видео Gulp v4 - Sass and BrowserSync setup канала Kevin Powell
If you're coming from a previous version of Gulp, you may have noticed that the upgrade to v4 brought in some breaking changes, which is never fun. Instead of creating tasks, we now create functions, but other than that most things are still the same luckily :)
---
Come and hangout, ask questions, suggest ideas, and meet some awesome people over in The Community: https://discord.gg/nTYCvrK
I have a newsletter! https://www.kevinpowell.co/newsletter
New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass
---
My Code Editor: VS Code - https://code.visualstudio.com/
How my browser refreshes when I save: https://youtu.be/h24noHYsuGc
---
Support me on Patreon: https://www.patreon.com/kevinpowell
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
Видео Gulp v4 - Sass and BrowserSync setup канала Kevin Powell
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Sass with auto-refresh (and more) made easy](https://i.ytimg.com/vi/wYWf2m_yzBQ/default.jpg)
![Gulp настройка установка плагины. Пошаговая инструкция по настройке сборки Gulp 4 для верстки сайтов](https://i.ytimg.com/vi/stFOy0Noahg/default.jpg)
![Gulp 4 Crash Course for Beginners](https://i.ytimg.com/vi/-lG0kDeuSJk/default.jpg)
![Responsive design made easy](https://i.ytimg.com/vi/bn-DQCifeQQ/default.jpg)
![Are you writing responsive CSS the wrong way?](https://i.ytimg.com/vi/0ohtVzCSHqs/default.jpg)
![Grunt, Gulp, Npm, Webpack and when to use what](https://i.ytimg.com/vi/Mn6aj4kY-j8/default.jpg)
![](https://i.ytimg.com/vi/ZgpZlZ766go/default.jpg)
![Flexbox design patterns you can use in your projects](https://i.ytimg.com/vi/vQAvjof1oe4/default.jpg)
![Fastest way to be a MASTER web dev???](https://i.ytimg.com/vi/2v3CWM5FmHs/default.jpg)
![How you can simplify your CSS with :is()](https://i.ytimg.com/vi/McC4QkCvbaY/default.jpg)
![How to use SCSS in Shopify Theme Development (2021)](https://i.ytimg.com/vi/nuUYLlNkGwA/default.jpg)
![CSS Card with hover animation and mobile fallback](https://i.ytimg.com/vi/5DEq5cWNYt8/default.jpg)
![Sass Crash Course](https://i.ytimg.com/vi/nu5mdN2JIwM/default.jpg)
![How to start using Sass without having to worry about the command line](https://i.ytimg.com/vi/Yan2eurSNGg/default.jpg)
![Create a responsive navigation nav with no JS!](https://i.ytimg.com/vi/8QKOaTYvYUA/default.jpg)
![JavaScript: Understanding the Weird Parts - The First 3.5 Hours](https://i.ytimg.com/vi/Bv_5Zv5c-Ts/default.jpg)
![Stop using @import with Sass | @use and @forward explained](https://i.ytimg.com/vi/CR-a8upNjJ0/default.jpg)
![Gulp 4 Tutorial with Node JS, ImageMin, Browser Sync, SASS, SourceMaps, CleanCSS & More](https://i.ytimg.com/vi/tTrPLQ6nOX8/default.jpg)
![A few reasons I love Sass + a big announcement!](https://i.ytimg.com/vi/1rzjMyOkyoQ/default.jpg)
![Styling your list-items just got so much easier with this pseudo-element!](https://i.ytimg.com/vi/svhnI9sKUDI/default.jpg)