Merge pull request josephv7#3 from iamjosephvarghese/bugfix/file-loader

Add loader for files

build-utils/webpack.common.js

@@ -5,9 +5,9 @@ const htmlWebpackPlugin = require("html-webpack-plugin");
 
 const config = {
   entry: {
-    "main": "./src/index.js",
-    "registration": "./src/js/registration.js",
-    "login": "./src/js/login.js",
+    main: "./src/index.js",
+    registration: "./src/js/registration.js",
+    login: "./src/js/login.js"
   },
   output: {
     filename: "[hash].[name].bundle.js",
@@ -23,23 +23,14 @@ const config = {
         test: /\.(jpe?g|png|gif|svg)$/i,
         use: [
           {
-            loader: "url-loader",
-            options: {
-              limit: 1000
-            }
+            loader: "file-loader",
+            options: {}
           }
         ]
       },
       {
         test: /\.html$/,
         loader: "html-loader"
-      },
-      {
-        test: /.ts?$/,
-        use: {
-          loader: "babel-loader"
-        },
-        exclude: /(node_modules|dist|build-utils|webpack.config.js)/
       }
     ]
   },
@@ -48,19 +39,19 @@ const config = {
     new htmlWebpackPlugin({
       filename: "index.html",
       template: "./src/index.html",
-      chunks: ["main"],
+      chunks: ["main"]
     }),
     new htmlWebpackPlugin({
       filename: "login.html",
       template: "./src/login.html",
-      chunks: ["login"],
+      chunks: ["login"]
     }),
     new htmlWebpackPlugin({
       filename: "registration.html",
       template: "./src/registration.html",
-      chunks: ["registration"],
-    }),
+      chunks: ["registration"]
+    })
   ]
 };
 
-module.exports = config;
+module.exports = config;

package.json

@@ -23,6 +23,7 @@
     "clean-webpack-plugin": "^0.1.19",
     "copy-webpack-plugin": "^4.5.4",
     "css-loader": "^1.0.0",
+    "file-loader": "^2.0.0",
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "^3.2.0",
     "husky": "^1.1.2",

src/index.html

@@ -245,6 +245,7 @@
                 </li> -->
                 <li>
                   <a href="login.html">Login</a>
+                  <img src="./image.jpg" alt="image">
                 </li>
               </ul>
             </nav>