Hello, I've been following this tutorial, as well as the previous one "How to Upgrade to Gulp 4 - Create default, parallel, series, and watch tasks", to upgrade the gulpfile of an old project in my company. It was a bit more elaborate than the simple one you've created for the tutorial but in the end, I've managed to make it work. Thank you so much, you were really helpful ! Cheers to you, take care.
Hi is there any change to connect with you, i have one JavaScript project and need to implement cache issue with Gulp and somehow it's not working. Is there any chance to connect with you ?
Hey Sir Alex I have Another Question ? What PhotoEditing software SirJi do you mainly use to create the theme design then convert it to WordPress theme then sell it online
Thank you Alessandro for this excellent series. Now that I have completed all 11 modules I have a debugging question! Our gulp watch command transpiles and minimizes our javascript files. If I need to use developer tools to debug my js code (say step through a function line by line), now isn’t the generated transpiled code different from my original code in our src folder? Is it sometimes hard to extrapolate the bug you want to fix back to the original code that caused the bug back in the src folder or do the map files help us with this?
The map files exist for this purpose. Be sure your map file is referenced as a comment in your minified JS file and the inspector should be able to pick it up and allow you to inspect the unminified version.
Hello, I'm new to all this... When I tried to run "npm install" to install all packages it is giving me this error npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) although things are working fine for me, but still wondering. Thanks a lot. (:
Hi Alessandro, thank you for this tutorial it was helpful. Now that gulp is updated to 4 I have to run two difference commands. I have to run "gulp" for the various tasks to run and then "gulp watch" for the watch to run. I was able to run "gulp" with previous setup with gulp 3 and it would run both the tasks and watch at once. Am I missing something or this is the way I have to do it now? Thanks.
I never tried it, but I guess you could put the `watch` task inside the `default` task. It's usually recommended to keep the default and watch task separated tho.
Hello Alex, great work once again 👍 Btw. Do you have an idea, how to make custom url for browsersync working like website.local ? Proxy param doesnt seem to work, it always launches only localhost. But if I put localhost/website, it works. Didnt find a solution for this yet. See you next time🙂
Did you watch the entire Playlist for Gulp? ruclips.net/p/PLriKzYyLb28lp0z-OMB5EYh0OHaKe91RV Most of those videos are based on Gulp 3, but if you start with the proper Gulp 4 setup, applying browsersync with a custom url and HTTPS has the same options and syntax.
I have AMD RADEON R5 M430 2GB AND INTEL I3 6100U IAK ON UBUNTU IAM TRY TO INSTALL DAVINCI RESOLVE 15 LITE VERSION I INSTALLED OCL AND OBLAT S. FOR AMD BUT Davinci Resolve 15 not opened How i can fix this problem
Hello, I've been following this tutorial, as well as the previous one "How to Upgrade to Gulp 4 - Create default, parallel, series, and watch tasks", to upgrade the gulpfile of an old project in my company. It was a bit more elaborate than the simple one you've created for the tutorial but in the end, I've managed to make it work.
Thank you so much, you were really helpful ! Cheers to you, take care.
By The Way THanks Sir Alex For supporting us to the extent you could and were able to
You're very welcome :D
WOW. Thanks Alex for fixing the browserSync. Really nice tutorials.
You're very welcome :D
Hi is there any change to connect with you, i have one JavaScript project and need to implement cache issue with Gulp and somehow it's not working. Is there any chance to connect with you ?
This is very helpful, thank you! Is there a copy of your gulpfile.js anywhere (for easier reference)? Github, perhaps?
Never mind! I found it: github.com/Alecaddd/gulp-es6/blob/master/gulpfile.js
Happy to be helpful :D
Hey Sir Alex I have Another Question ? What PhotoEditing software SirJi do you mainly use to create the theme design then convert it to WordPress theme then sell it online
On MacOS I used to use Sketch or Affinity Designer. On Linux, I use Gravit Designer
Man, you are great, that works perfectly, your explanations are clear like water ;-) Thank you!
You're very welcome
Thank you Alessandro for this excellent series.
Now that I have completed all 11 modules I have a debugging question!
Our gulp watch command transpiles and minimizes our javascript files. If I need to use developer tools to debug my js code (say step through a function line by line), now isn’t the generated transpiled code different from my original code in our src folder? Is it sometimes hard to extrapolate the bug you want to fix back to the original code that caused the bug back in the src folder or do the map files help us with this?
The map files exist for this purpose. Be sure your map file is referenced as a comment in your minified JS file and the inspector should be able to pick it up and allow you to inspect the unminified version.
A link to the previous lesson would be awesome!
Yes. I would love to see php with browserSync. :)
You can easily do it by watching for any PHP files change in your src directory. It's exactly the same thing we're doing for the html files :D
Thanks for the reload method
Hello, I'm new to all this... When I tried to run "npm install" to install all packages it is giving me this error
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
although things are working fine for me, but still wondering.
Thanks a lot. (:
Thank for the amazing tutorials. I just wonder if the implementation is very similar for using gulp with WordPress.
Yes, it's identical. Check my Plugin series where I'm using this very own Gulp setup to compile assets
Hi Alessandro, thank you for this tutorial it was helpful. Now that gulp is updated to 4 I have to run two difference commands. I have to run "gulp" for the various tasks to run and then "gulp watch" for the watch to run. I was able to run "gulp" with previous setup with gulp 3 and it would run both the tasks and watch at once. Am I missing something or this is the way I have to do it now? Thanks.
I never tried it, but I guess you could put the `watch` task inside the `default` task.
It's usually recommended to keep the default and watch task separated tho.
@@alecaddd Thanks for the quick response. I agree with you and decided to keep it separate.
It works perfectly, thank you!!
You're welcome
Hello Alessandro,
Can you share with us the source code of this tuto, it wiil be much appreciated.
Thanks a lot :)
It's all here: github.com/Alecaddd/gulp-es6
tankyou castellani, i am get tutorial and example GITHUB, okay!!!!
very helpful, thanks ^^
Hi Alessandro, I wanted to ask which editor is this, and which skin (if not default)?
I'm using VSCode and I made a video to showcase my setup: ruclips.net/video/NOeC1V8DH70/видео.html
Thanks! :)
php browserSync for next tutorial in plans ? :)
You can easily do it by watching for any PHP files change in your src directory. It's exactly the same thing we're doing for the html files :D
@@alecaddd I doubt
What happen to the Laravel Tutorials
They're coming back next week, 3 in a row.
I like to do tutorials about multiple topics, that's why sometimes I focus on something else :D
sweet!
did you try? var reload = funcrion() { browserSync.reload }
No, I didn't, you can give it a try and if it works for you, great :D
Hello Alex, great work once again 👍
Btw. Do you have an idea, how to make custom url for browsersync working like website.local ?
Proxy param doesnt seem to work, it always launches only localhost.
But if I put localhost/website, it works.
Didnt find a solution for this yet.
See you next time🙂
Did you watch the entire Playlist for Gulp? ruclips.net/p/PLriKzYyLb28lp0z-OMB5EYh0OHaKe91RV
Most of those videos are based on Gulp 3, but if you start with the proper Gulp 4 setup, applying browsersync with a custom url and HTTPS has the same options and syntax.
I have AMD RADEON R5 M430 2GB AND INTEL I3 6100U
IAK ON UBUNTU IAM TRY TO INSTALL DAVINCI RESOLVE 15 LITE VERSION
I INSTALLED OCL AND OBLAT S.
FOR AMD BUT Davinci Resolve 15 not opened
How i can fix this problem
Check this blog post I wrote: www.alecaddd.com/how-to-install-davinci-resolve-on-ubuntu-and-fix-the-audio-issue/
Awesome thank you so much!!!! :)
Hey alecaddd. Please upload a video of laravel series and one for that how we can create own custom block in wordpress gutenburg.
Thank you.
New Laravel and WordPress videos are coming next week
Thanks men
post download example this code, gulp to study
You can find the link to the GitHub repo in the description
@@alecaddd unfortunately i cant find the github-link in the description, would you please be so kind as to provide it here?
Please New Bootstarp with Gulp 4
It's really easy to implement, check my tutorials and you will learn how to do it
@@alecaddd plz give me this gulpfile.js file...maybe mine not work..thank you..
thx man a lot))))
Cheers