[docs][recipes] Images: import into a component with webpack

[marcysutton]

Summary

To improve key learning workflows in the Recipes section of the docs, there should be a short, actionable recipe on importing images directly into components with webpack to show that you don't necessarily need to use GraphQL.

This recipe should show how to import an image inline as concisely as possible with code snippets. The images docs can be used as a starting point.

Recipes now follow this format:

• Requirements or prerequisites
• Step-by-step instructions
• Relevant links to any relevant information
  • Importing Assets Directly into Files https://www.gatsbyjs.org/docs/importing-assets-into-files/
  • More on all image techniques in Gatsby https://www.gatsbyjs.org/docs/images-and-files/
  • Link to a live example

This recipe should go into a new section of docs/docs/recipes.md titled "Images" (if it isn't already created). There is a recipe template in the contributing docs, including tips on adding a new section: https://www.gatsbyjs.org/contributing/docs-templates/#recipes

For reference, the new recipe collection is also listed in a spreadsheet: https://docs.google.com/spreadsheets/d/1yNUQi_-3TsuDtE98hCIJQvLZ6X1YHlDmC-EJwOGxiHk/edit#gid=1252007048

[gatsbot]

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here.

If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open!

As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contributefor more information about opening PRs, triaging issues, and contributing!

Thanks for being a part of the Gatsby community! 💪💜

[marcysutton]

Closed with #15882