0.2.2

- Some readme tweaks, added file-loader and some config to support fonts and images in css files

README.md

@@ -7,7 +7,7 @@ The basic structure of `src/` is intentionally minimal to make it easier to allo
 
 Production builds do NOT use UglifyJS, instead Babili is used and NO ES2015/ES6 transpilation is provided -- As modern node and chromium versions support 99%+ of the ES6 feature set, I feel those steps are unnecessary.
 
-If you like this project, check out _enhanced-electron-react-boilerplate_ which is this project with my take on additional modules (photon, redux, less, css modules etc) and my personal project structure (based on the redux ducks proposal) I suggest you give it a look if you want less of a minimalistic take on my starter kit.
+If you like this project, check out [enhanced-electron-react-boilerplate](https://github.com/PhillMcKraken/enhanced-electron-react-boilerplate) which is this project with my take on additional modules (photon, redux, less, css modules etc) and my personal project structure (based on the redux ducks proposal) I suggest you give it a look if you want less of a minimalistic take on my starter kit.
 
 ### To get started:
 * Run `npm install`

package.json

@@ -1,6 +1,6 @@
 {
   "name": "basic-electron-react-boilerplate",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Minimal and modern react+electron+webpack boilerplate",
   "author": "Phillip Barbiero",
   "homepage": "https://github.com/PhillMcKraken/basic-electron-react-boilerplate",
@@ -27,6 +27,7 @@
     "electron": "^1.4.15",
     "electron-packager": "^8.5.2",
     "extract-text-webpack-plugin": "^2.0.0-rc.3",
+    "file-loader": "^0.10.1",
     "html-webpack-plugin": "^2.28.0",
     "react": "^15.4.2",
     "react-dom": "^15.4.2",

webpack.build.config.js

@@ -25,6 +25,12 @@ module.exports = {
       }), include: defaultInclude },
       { test: /\.js?$/, use: [
         { loader: 'babel-loader' }
+      ], include: defaultInclude },
+      { test: /\.(jpe?g|png|gif)$/, use: [
+        { loader: 'file-loader?name=img/[name]__[hash:base64:5].[ext]' }
+      ], include: defaultInclude },
+      { test: /\.(eot|svg|ttf|woff|woff2)$/, use: [
+        { loader: 'file-loader?name=font/[name]__[hash:base64:5].[ext]' }
       ], include: defaultInclude }
     ]
   },

webpack.dev.config.js

@@ -24,6 +24,12 @@ module.exports = {
       ], include: defaultInclude },
       { test: /\.js?$/, use: [
         { loader: 'babel-loader' }
+      ], include: defaultInclude },
+      { test: /\.(jpe?g|png|gif)$/, use: [
+        { loader: 'file-loader?name=img/[name]__[hash:base64:5].[ext]' }
+      ], include: defaultInclude },
+      { test: /\.(eot|svg|ttf|woff|woff2)$/, use: [
+        { loader: 'file-loader?name=font/[name]__[hash:base64:5].[ext]' }
       ], include: defaultInclude }
     ]
   },