Merge pull request #263 from PrudhviRaj5/webpack-loaders-config

webpack config changed for url and file loaders

README.md

@@ -4,12 +4,12 @@
 
 Simple and optimized React boilerplate. It includes: 
 
-- [x] React 16.1.1
+- [x] React 16.2.0
 - [x] ECMAScript 6 and JSX support
 - [x] React Router v4
 - [x] Component testing using [Enzyme](https://github.com/airbnb/enzyme) and [Jest](https://facebook.github.io/jest)
 - [x] Code Coverage
-- [x] Latest Webpack (v.3.8.1) and Webpack Dev Server (v.2.9.4) with Scope Hoisting enabled
+- [x] Latest Webpack (v.3.9.1) and Webpack Dev Server (v.2.9.5) with Scope Hoisting enabled
 - [x] Hot Module Replacement using [react-hot-loader](https://github.com/gaearon/react-hot-loader)
 - [x] ES6 linting with continuous linting on file change
 - [x] SASS support

app/components/App.js

@@ -1,8 +1,19 @@
 import React from 'react';
+import img from '../assets/images/react_logo_512x512.png';
 
 const App = () => {
   return (
-    <h2 id="heading">Hello ReactJS</h2>
+    <div>
+      <h2 id="heading">Hello ReactJS</h2>
+      <img
+        className="image"
+        style={{ margin: '0.5em' }}
+        height="40"
+        width="40"
+        src={img}
+        alt="React Logo"
+      />
+    </div>
   );
 };
 

config/jest/assetsTransformer.js

@@ -0,0 +1,7 @@
+const path = require('path');
+
+module.exports = {
+  process(src, filename, config, options) {
+    return 'module.exports = ' + JSON.stringify(path.basename(filename)) + ';';
+  },
+};

shim.js → config/jest/shim.js

@@ -2,4 +2,4 @@
 
 global.requestAnimationFrame = function(callback) {
   setTimeout(callback, 0);
-};
+};