video 9: actually using a loader.

package.json

@@ -4,6 +4,7 @@
     "@babel/core": "^7.7.7",
     "babel-loader": "^8.0.6",
     "css-loader": "^3.4.0",
+    "file-loader": "^5.0.2",
     "prettier": "^1.19.1",
     "style-loader": "^1.1.2",
     "url-loader": "^3.0.0",

src/index.js

@@ -1,4 +1,7 @@
 import fooString from "./foo";
 import barString from "./bar-cjs";
 
+import logoOSInet from "./logo-osinet.png";
+
 console.log("Hello from webpack academy:", fooString, barString);
+console.log(logoOSInet);

webpack.config.js

@@ -8,6 +8,8 @@ module.exports = {
   },
   module: {
     rules: [
+      // Loaders stream one file at a time before it is inserted into the
+      // depencency graph.
       {
         // When a file name matches this expression...
         test: /\.js$/,
@@ -25,15 +27,12 @@ module.exports = {
       },
       {
         // Even for files requested by the CSS loader, which marks them as dependencies.
-        test: /\.jpe?g$/,
+        test: /\.(jpe?|pn)g$/,
         use: [
           // Use object format instead of string to pass options to a loader.
           {
-            loader: "url-loader",
-            options: {
-              limit: 10000
-            }
-          }
+            loader: "file-loader",
+          },
         ]
       }
     ]

yarn.lock

@@ -1017,6 +1017,14 @@ fast-json-stable-stringify@^2.0.0:
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
+file-loader@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-5.0.2.tgz#7f3d8b4ac85a5e8df61338cfec95d7405f971caa"
+  integrity sha512-QMiQ+WBkGLejKe81HU8SZ9PovsU/5uaLo0JdTCEXOYv7i7jfAjHZi1tcwp9tSASJPOmmHZtbdCervFmXMH/Dcg==
+  dependencies:
+    loader-utils "^1.2.3"
+    schema-utils "^2.5.0"
+
 file-uri-to-path@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"