Loading CSS with webpack

- [Instructor] In addition to loading JavaScript…with webpack,…we can load CSS, Sass, and Less to style our pages.…The benefit of loading CSS as a module like this…is that webpack will only bundle the styles…that our app uses.…We can also require or import styles…for use in certain files.…It'll also perform transformations on Sass and Less…so that those will work in the browser as CSS.…The first thing that we want to do here…is make some adjustments to our component that we have…in our index.js file.…

So what I'm going to do here is delete our current component…and I'm going to create a new component as a class.…So we'll say class Message extends React.Component.…Inside of our class here,…we're going to render the following.…So we'll say return,…and inside of our return,…we will create a div.…This div is going to have a h1…and also a paragraph.…

And inside of our h1,…we're going to make use of the props object in React…and say this.props.title,…and our paragraph we'll say this,…inside of a JSX expression,…it'll say this.props.message.…