Published on April 17, 2017 by Mindspace

Learn Webpack 2 – what it is, how it works and how to use it!

The full source code can be found in the following Github repo (choose the right branch!): github.com/mschwarzmueller/yt-webpack2-basics

Choose the 06-webpack-babel-scss-img-html branch to start with the same project I do!

The video for the basic Babel + CSS workflow can be found here: youtu.be/8vnkM8JgjpU

Want to become a frontend developer? Consider diving into some of my courses on Udemy:
Ionic 2 – The Practical Guide for only $15: www.udemy.com/ionic-2-the-practical-guide-to-building-ios-android-apps/?couponCode=GETINTOIT
Angular – The Complete Guide for only $15, too: www.udemy.com/the-complete-guide-to-angular-2/?couponCode=YOUTUBE_2
Vue.js 2 – The Complete Guide for only $15: www.udemy.com/vuejs-2-the-complete-guide/?couponCode=YOUTUBE_VUE

Want to get some 1-on-1 coaching with experienced developers? Have a look at Savvy: www.savvy.is/?ref=9fee2b (Discount Code 9fee2b)

You can follow me on Twitter (@maxedapps), Facebook (www.facebook.com/mindspacechannel/) or visit my Website (mschwarzmueller.com).

See you in the videos!

Leave a Reply

39 Comments on "USING 3RD PARTY PACKAGES LIKE JQUERY| Webpack 2 Basics Tutorial"

Notify of
avatar

Aleksey Evstratev
Guest
Aleksey Evstratev
7 days 21 hours ago

Wouldn't it be easier to use gulp instead of webpack for all operations which webpack does with so complicated loaders and plugins. I mean their configuration.

Teresa Soft
Guest
Teresa Soft
10 days 19 hours ago

Hi. Thank you for the tutorial.We always have to use the "provider plugin"? I mean, we can't specify that $ is jquery when importing?

John Mckay
Guest
John Mckay
13 days 21 hours ago

Thanks very much for these videos, one question regarding this one. Everything works, but I now have the following warning in my console:> /~/jQuery/dist/jquery.js> There are multiple modules with names that only differ in casing.> This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.> Use equal casing…Should this be cause for concern?

Vaizard1702
Guest
Vaizard1702
28 days 17 hours ago

Thank you. please make more videos about webpack.

Zerk
Guest
Zerk
30 days 11 hours ago

And I'm sad, last video 🙁 So far your videos inspired me to complete my freeCodeCamp Front-end projects using webpack 🙂 Looking forward to more! If I may make a suggestion: img-loader with options to optimize images(including svg)I also would like to see your explanation on how to set up this stuff process.env.NODE_ENV 🙂 It would be super helpful.

Roberto Navarro
Guest
Roberto Navarro
1 month 19 days ago

Super useful. Thanks.

Academind
Guest
Academind
1 month 19 days ago

Thanks so much Roberto! 🙂

sicet7
Guest
sicet7
2 months 1 day ago

Do you have any plans to include Typescript compilation in this tutorial series? Maybe Angular even? Great Tutorial by the way 😀

Academind
Guest
Academind
2 months 12 hours ago

Might add that in the future but I don't know for sure to be honest. Happy to hear you're enjoying it!

Francisco d'Anconia
Guest
Francisco d'Anconia
2 months 1 day ago

Very helpful, thank you!

Academind
Guest
Academind
2 months 1 day ago

Great to hear that, thanks for your nice feedback!

mad onion
Guest
mad onion
2 months 4 days ago

Really much cleaner that the global variables I used to rely on. Had no idea how to bring non-modular code into my project. Thank you for your efforts. Your tutorials have been of much help to me!

Academind
Guest
Academind
2 months 3 days ago

Awesome to hear that, thanks so much!

KL C
Guest
KL C
2 months 6 days ago

This video solved my problem. Thank you 🙂

Academind
Guest
Academind
2 months 6 days ago

Happy to hear that Kwan! 🙂

1 2 3
wpDiscuz