0.0.10

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-webpack-template",
-  "version": "0.0.6",
+  "version": "0.0.10",
   "description": "A base skeleton template for react and webpack without task runners",
   "main": "index.js",
   "scripts": {
@@ -11,8 +11,9 @@
     "serve:dist": "node server.js --env=dist",
     "dist": "npm run copy & webpack --env=dist",
     "lint": "eslint ./src",
-    "copy": "copyfiles -f ./src/index.html ./dist",
-    "clean": "rimraf dist/*"
+    "copy": "copyfiles -f ./src/index.html ./src/favicon.ico ./dist",
+    "clean": "rimraf dist/*",
+    "patch-release": "npm version patch && npm publish && git push --follow-tags"
   },
   "repository": {
     "type": "git",

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

@@ -46,6 +46,22 @@ var config = {
         test: /\.css$/,
         loader: 'style!css'
       },
+      {
+        test: /\.sass/,
+        loader: 'style-loader!css-loader!sass-loader?outputStyle=expanded&indentedSyntax'
+      },
+      {
+        test: /\.scss/,
+        loader: 'style-loader!css-loader!sass-loader?outputStyle=expanded'
+      },
+      {
+        test: /\.less/,
+        loader: 'style-loader!css-loader!less-loader'
+      },
+      {
+        test: /\.styl/,
+        loader: 'style-loader!css-loader!stylus-loader'
+      },
       {
         test: /\.(png|jpg|gif|woff|woff2)$/,
         loader: 'url-loader?limit=8192'