(light music)…- [Instructor] Let's do a demonstration now…of using CSS with webpack.…So let's go ahead and take a look at how we can define…our styles external to the actual elements themselves.…We'll start off first with a style element…then we're going to link in an external style sheet,…and then we're going to dive into the webpack importing process…and take a look at what the development and production…modes look like for that.…So, right now we have this demo component that's generating…this div element and I'm actually…going to just modify this slightly.…
We're going to keep the actual div,…but I'm going to take out the styling part.…So, we'll just simply have the div itself generating there.…If we come back over to our webpage,…we'll see that we just have this Some Content…inside of our main, and what we're going to do…is we're going to style it from a style element…within the head.…So let's head back over to our index html file,…and let's come into the head section here and say style.…There we go, and then we're going to come into here…
Share this video
Embed this video
Video: Demo: Using CSS with webpack