From 48f5e8e07fd19fc5aa4a43f4643d09b6064d0bdb Mon Sep 17 00:00:00 2001 From: nekosoffy <161766793+nekosoffy@users.noreply.github.com> Date: Sat, 12 Oct 2024 16:13:33 -0300 Subject: [PATCH] Webpack: Make bash formatting in install statements consistent --- javascript/organizing_your_javascript_code/webpack.md | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/javascript/organizing_your_javascript_code/webpack.md b/javascript/organizing_your_javascript_code/webpack.md index 4405523eba..7e0b5641ed 100644 --- a/javascript/organizing_your_javascript_code/webpack.md +++ b/javascript/organizing_your_javascript_code/webpack.md @@ -259,7 +259,13 @@ There are three different ways you could be dealing with local image files: 1. **Image files we reference in our HTML template, e.g. as the `src` of an ``** - We need to install and tell Webpack to use something called `html-loader`, which will detect image file paths in our HTML template and load the right image files for us. Without this, `./odin.png` would just be a bit of text that will no longer reference the correct file once we run Webpack to build into `dist`. We can install it with `npm install --save-dev html-loader`, then add the following object to the `modules.rules` array within `webpack.config.js`: + We need to install and tell Webpack to use something called `html-loader`, which will detect image file paths in our HTML template and load the right image files for us. Without this, `./odin.png` would just be a bit of text that will no longer reference the correct file once we run Webpack to build into `dist`. Let's install it: + + ```bash + npm install --save-dev html-loader + ``` + + Then, add the following object to the `modules.rules` array within `webpack.config.js`: ```javascript {