Topics
Published on March 30, 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

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

86 Comments on "BASIC BABEL + SCSS WORKFLOW | Webpack 2 Basics Tutorial"

Notify of
avatar

mrdivideetimpera
Guest
mrdivideetimpera
6 months 9 days ago

great content, but i have one question, can you show us how to implement autoprefixer?

Josh Reynolds
Guest
Josh Reynolds
5 months 26 days ago

Second this! This would be great

mrdivideetimpera
Guest
mrdivideetimpera
6 months 7 days ago

source maps and image compression would also be nice 🙂

Academind
Guest
Academind
6 months 8 days ago

Thanks for your suggestion! Can't promise it, but I'll note it as an idea

Alex Pan4
Guest
Alex Pan4
6 months 9 days ago

Thanks for vidios 🙂 In your vidios about react (wich are amazing too by the way 🙂 in webpack.config.js you used a module:{ loaders: [ { … } ]} and so on. And here you used module: { rules: [ { … } ] }. So what's the difference?

Academind
Guest
Academind
6 months 8 days ago

That simply changed with Webpack 2.x (final). rules is the new syntax to use

Anton-Aleksei Ilyin
Guest
Anton-Aleksei Ilyin
6 months 10 days ago

It's an awesome tutorial. Thanks for sharing!

Academind
Guest
Academind
6 months 10 days ago

Thanks for your nice feedback, I'm glad to hear you're liking the videos!

George Zoone
Guest
George Zoone
6 months 10 days ago

Hey amazing series 🙂 . I was wondering if you can make a video explaining how to setup webpack with angular 4?

Ali Badr
Guest
Ali Badr
4 months 24 days ago

+George Zoone i though webpack is already used by default in angular 4

Academind
Guest
Academind
6 months 10 days ago

Certainly possible that I'll do that in the future – I'll keep it in mind!

Despayy
Guest
Despayy
6 months 14 days ago
Thanks for the awesome tutorials. I would have a question, in your tutorials you work with only one html file, but what would you do you do if you had multiple html files. Could you pack some kind of global css file for your project + one specific css file for each of your html file (same question with .js files) ? And is there a way to automatically do the process for each html file. Let's say, you have global.css, global.js for your project, and for each 'any.html', you want to pack 'global.scss, any.scss, global.js, any.js' into 'bundle-any.js' and… Read more »
xloTrigun
Guest
xloTrigun
6 months 16 days ago

Thanks for the great videos =)Really understood the core of webpack =)

Academind
Guest
Academind
6 months 15 days ago

Happy to hear that, thanks for the nice feedback! 🙂

parimal yeole
Guest
parimal yeole
6 months 17 days ago

Could you explain hot module reload how to use it

Béla Kozma
Guest
Béla Kozma
6 months 18 days ago

It is a good tutorial. One side you are right, it can replace Gulp. On the other side how can you make an automatization with webpack like gulp watch?

Béla Kozma
Guest
Béla Kozma
6 months 7 days ago

Thanks.

Academind
Guest
Academind
6 months 18 days ago

If you're using the webpack-dev-server, it'll watch for changes (and reload your browser) automatically.

abdallah Bedir
Guest
abdallah Bedir
6 months 20 days ago

Thanks alot max , you're amazing

Academind
Guest
Academind
6 months 19 days ago

Thank YOU – happy to hear you're liking it!

Gary Wolff
Guest
Gary Wolff
6 months 20 days ago

Max, again, a huge THANK YOU is in order for your excellent practical explanations and examples. Hope you are monetizing your efforts in a big way, as you are helping thousands of people like me do their jobs better and put food on our tables. Thanks for sharing.

Academind
Guest
Academind
6 months 20 days ago

Thanks for your amazing feedback Gary, it's really great to hear that the content I create here is helpful to you and others! 🙂

wpDiscuz