d53785a6 by Ean Schuessler

Add resolve section

1 parent e1d3d210
This diff could not be displayed because it is too large.
1 import React from 'react' 1 import React from 'react'
2 import HomeView from '../views/home.rt' 2 import HomeView from '../views/home.rt'
3 import InputView from '../views/input.rt' 3 import InputView from '../views/input.rt'
4 import Test from './test'
4 5
5 class App extends React.Component { 6 class App extends React.Component {
6 render() { 7 render() {
7 const {message} = this.props 8 const {message} = this.props
8 return ( 9 return (
10 <div>
11 <Test />
9 <HomeView message={message} input={<InputView />}/> 12 <HomeView message={message} input={<InputView />}/>
13 </div>
10 ) 14 )
11 } 15 }
12 } 16 }
......
1 import React from 'react'
2
3 class Test extends React.Component {
4 render() {
5 return (
6 <div>Test</div>
7 )
8 }
9 }
10
11 export default Test
1 <rt-import name="default" as="AppBar" from="material-ui/AppBar" /> 1 <rt-import name="default" as="AppBar" from="material-ui/AppBar" />
2 <rt-import name="default" as="Paper" from="material-ui/Paper" /> 2 <rt-import name="default" as="Paper" from="material-ui/Paper" />
3 <rt-import name="default" as="RaisedButton" from="material-ui/RaisedButton" />
3 <div rt-stateless> 4 <div rt-stateless>
4 <AppBar title="Test" iconClassNameRight="muidocs-icon-navigation-expand-more" /> 5 <AppBar title="Test" iconClassNameRight="muidocs-icon-navigation-expand-more" />
5 <Paper style="{{padding: 10, margin: 10}}"> 6 <Paper style="{{padding: 10, margin: 10}}">
6 <h1>The message is <q>{props.message}</q></h1> 7 <h1 className="boonkie">The message is <q>{props.message}</q></h1>
7 {props.input} 8 {props.input}
9 <RaisedButton label="Engage Awesomeness" primary="{true}" />
8 </Paper> 10 </Paper>
9 </div> 11 </div>
......
...@@ -10,7 +10,7 @@ module.exports = { ...@@ -10,7 +10,7 @@ module.exports = {
10 module: { 10 module: {
11 rules: [ 11 rules: [
12 { 12 {
13 test: /\.js$/, 13 test: /\.jsx?$/,
14 exclude: /node_modules/, 14 exclude: /node_modules/,
15 use: { 15 use: {
16 loader: "babel-loader" 16 loader: "babel-loader"
...@@ -23,7 +23,10 @@ module.exports = { ...@@ -23,7 +23,10 @@ module.exports = {
23 loader: "react-templates-loader?modules=amd" 23 loader: "react-templates-loader?modules=amd"
24 } 24 }
25 }, 25 },
26 ] 26 ],
27 },
28 resolve: {
29 extensions: ['.js', '.jsx', '.rt']
27 }, 30 },
28 plugins: [ 31 plugins: [
29 new HtmlWebpackPlugin({ 32 new HtmlWebpackPlugin({
......