Import assets

- [Instructor] Hi, welcome to the third video…of this section.…In this video, we are going to talk…how to render assets into our webpage.…In particular, we're going to talk about images.…But the process should be exactly the same…for other types of files.…In order to achieve that, we will need to apply…some changes into our Webpack configuration…to start accepting image modules.…We're going to understand how the file-loader works…and finally, render an image inside our main component.…Let's just jump straight to the code.…

The very first thing I'm going to do…is to wrap this whole component into a div.…And the main purpose of this is to be able to create…an image tag in here which is going to have a source value.…In here, in this source value,…we're going to specify the image that we want to render.…But to do that, we'll need to have…some image in our project.…I previously downloaded the Pack logo,…but you can use any other type of image that you want.…In this case, it's a PNG, but we are also going to apply…the same configuration to JPEG.…