Add resolve section

 import React from 'react'
 import HomeView from '../views/home.rt'
 import InputView from '../views/input.rt'
+import Test from './test'
 
 class App extends React.Component {
     render() {
         const {message} = this.props
         return (
+            <div>
+                <Test />
                 <HomeView message={message} input={<InputView />}/>
+            </div>
         )
     }
 }

+import React from 'react'
+
+class Test extends React.Component {
+    render() {
+        return (
+            <div>Test</div>
+        )
+    }
+}
+
+export default Test

 <rt-import name="default" as="AppBar" from="material-ui/AppBar" />
 <rt-import name="default" as="Paper" from="material-ui/Paper" />
+<rt-import name="default" as="RaisedButton" from="material-ui/RaisedButton" />
 <div rt-stateless>
     <AppBar title="Test" iconClassNameRight="muidocs-icon-navigation-expand-more" />
     <Paper style="{{padding: 10, margin: 10}}">
-        <h1>The message is <q>{props.message}</q></h1>
+        <h1 className="boonkie">The message is <q>{props.message}</q></h1>
         {props.input}
+        <RaisedButton label="Engage Awesomeness" primary="{true}" />
     </Paper>
 </div>

@@ -10,7 +10,7 @@ module.exports = {
   module: {
     rules: [
       {
-        test: /\.js$/,
+        test: /\.jsx?$/,
         exclude: /node_modules/,
         use: {
           loader: "babel-loader"
@@ -23,7 +23,10 @@ module.exports = {
           loader: "react-templates-loader?modules=amd"
         }
       },
-    ]
+    ],
+  },
+  resolve: {
+    extensions: ['.js', '.jsx', '.rt']
   },
   plugins: [
     new HtmlWebpackPlugin({