0.0.7

README.md

@@ -8,11 +8,11 @@ The following features are planned to be included in the final version:
 - [x] Webpack and Webpack-Dev-Server, including hot-loader
 - [x] Babel and JSX
 - [x] Mocha Unit tests (*optional*)
-- [ ] React.Router
 - [x] EsLint Support
 - [x] No dependency on grunt, gulp or the next hot taskrunner!
 
 ## Todo
+- [ ] Better performance for webpack builds
 - [ ] The dynamic webpack configuration is clunky, there must be a better way to do that!
 - [ ] Karmas webpack configuration is not included in the global webpack.config.js file, but it really should
 

karma.conf.js

@@ -23,7 +23,7 @@ module.exports = function(config) {
     },
     webpack: {
       cache: true,
-      devtool: 'inline-source-map',
+      devtool: 'eval',
       module: {
         loaders: [
           {
@@ -33,7 +33,10 @@ module.exports = function(config) {
           {
             test: /\.(js|jsx)$/,
             loader: 'babel-loader',
-            exclude: /node_modules/
+            include: [
+              path.join(__dirname, 'src'),
+              path.join(__dirname, 'test')
+            ]
           }
         ]
       },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-webpack-template",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "A base skeleton template for react and webpack without task runners",
   "main": "index.js",
   "scripts": {
@@ -11,7 +11,7 @@
     "serve:dist": "node server.js --env=dist",
     "dist": "npm run copy & webpack --env=dist",
     "lint": "eslint ./src",
-    "copy": "copyfiles -f ./src/index.html ./dist",
+    "copy": "copyfiles -f ./src/index.html ./src/favicon.ico ./dist",
     "clean": "rimraf dist/*"
   },
   "repository": {

src/components/Main.js

@@ -3,11 +3,14 @@ require('styles/App.css');
 
 import React from 'react/addons';
 
+let yeomanImage = require('../images/yeoman.png');
+
 class AppComponent extends React.Component {
   render() {
     return (
       <div className="index">
-        Content
+        <img src={yeomanImage} alt="Yeoman Generator" />
+        <div className="notice">Please edit <code>src/components/Main.js</code> to get started!</div>
       </div>
     );
   }

src/styles/App.css

@@ -1 +1,21 @@
 /* Base Application Styles */
+body {
+  color: #fff;
+  background: #222;
+}
+
+.index img {
+  margin: 40px auto;
+  border-radius: 4px;
+  background: #fff;
+  display: block;
+}
+
+.index .notice {
+  margin: 20px auto;
+  padding: 15px 0;
+  text-align: center;
+  border: 1px solid #000;
+  border-width: 1px 0;
+  background: #666;
+}

webpack.config.js

@@ -37,7 +37,7 @@ var config = {
     preLoaders: [
       {
         test: /\.(js|jsx)$/,
-        exclude: /node_modules/,
+        include: path.join(__dirname, 'src'),
         loader: 'eslint-loader'
       }
     ],
@@ -59,7 +59,7 @@ switch(env) {
   case 'dist':
     config.entry = './src/components/run';
     config.cache = false;
-    config.devtool = false;
+    config.devtool = 'sourcemap';
     config.plugins = [
       new webpack.optimize.DedupePlugin(),
       new webpack.optimize.UglifyJsPlugin(),
@@ -83,7 +83,7 @@ switch(env) {
       './src/components/run'
     ];
     config.cache = true;
-    config.devtool = 'sourcemap';
+    config.devtool = 'eval';
     config.plugins = [
       new webpack.HotModuleReplacementPlugin(),
       new webpack.NoErrorsPlugin()