Published on April 17, 2017 by Mindspace
Want create site? Find Free WordPress Themes and plugins.

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!

Did you find apk for android? You can find new Free Android Games and apps.

Leave a Reply

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

Notify of
avatar

Thiago Loschi
Guest
Thiago Loschi
3 months 28 days ago

Amazing skills bro, both to code and teach! Can you do one more video explaining how to set up express with webpack3. I've done that in the past with webpack1, but now, for some reason it is not working when I add the express server. Thank you!

Thiago Loschi
Guest
Thiago Loschi
3 months 26 days ago

Yes, you're right as usual! I forgot to set the target. That's how I got it to work! Thank you!

Academind
Guest
Academind
3 months 28 days ago

Thanks for your awesome feedback! As far as I know, Webpack 3 should work with any Webpack 2 config – so the content taught in all these Webpack 2 videos here should also show you how to set up a Webpack 3 project.

Aleksey Evstratev
Guest
Aleksey Evstratev
4 months 6 days 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
4 months 9 days 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
4 months 12 days 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
4 months 26 days ago

Thank you. please make more videos about webpack.

Zerk
Guest
Zerk
4 months 27 days 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
5 months 17 days ago

Super useful. Thanks.

Academind
Guest
Academind
5 months 17 days ago

Thanks so much Roberto! 🙂

sicet7
Guest
sicet7
5 months 29 days 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
5 months 28 days 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
5 months 29 days ago

Very helpful, thank you!

Academind
Guest
Academind
5 months 29 days ago

Great to hear that, thanks for your nice feedback!

mad onion
Guest
mad onion
6 months 2 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
6 months 1 day ago

Awesome to hear that, thanks so much!

1 2 3
wpDiscuz