Fonts handling

Author: vladimirPaziuk

README.md

@@ -1,6 +1,3 @@
-# React Webpack Starter
-> This is a boilerplate for React 16 & Webpack 4. It includes webpack-dev-server and a build script
-
 ## Quick Start
 
 ``` bash
@@ -13,18 +10,3 @@ npm start
 # Build for production
 npm run build
 ```
-
-## App Info
-
-### Author
-
-Brad Traversy
-[Traversy Media](http://www.traversymedia.com)
-
-### Version
-
-1.0.0
-
-### License
-
-This project is licensed under the MIT License

package.json

@@ -22,6 +22,7 @@
     "babel-preset-env": "^1.6.1",
     "babel-preset-react": "^6.24.1",
     "css-loader": "^0.28.11",
+    "file-loader": "^1.1.11",
     "html-webpack-plugin": "^3.1.0",
     "node-sass": "^4.9.2",
     "postcss-loader": "^2.1.6",

src/components/App.tsx

@@ -2,13 +2,13 @@ import * as React from "react";
 
 class App extends React.Component {
 
-    clickHandler(): void {
-        console.log('Invoke clickHandler');
+    clickHandler(data: string): void {
+        const msg: string = data;
     }
 
     render(): JSX.Element {
         return (
-            <div onClick={() => this.clickHandler()}>
+            <div onClick={() => this.clickHandler("Invoke clickHandler")}>
                 <h1>My React App!</h1>
             </div>
         );

webpack.config.js

@@ -36,6 +36,15 @@ module.exports = {
                         }
                     }
                 ]
+            },
+            {
+                test: /\.(ttf|eot|woff|woff2)$/,
+                use: {
+                    loader: "file-loader",
+                    options: {
+                        name: "fonts/[name].[ext]",
+                    },
+                },
             }
         ]
     },