Add resolve section
Showing
5 changed files
with
24 additions
and
4 deletions
package-lock.json
0 → 100644
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 ( |
9 | <HomeView message={message} input={<InputView />}/> | 10 | <div> |
11 | <Test /> | ||
12 | <HomeView message={message} input={<InputView />}/> | ||
13 | </div> | ||
10 | ) | 14 | ) |
11 | } | 15 | } |
12 | } | 16 | } | ... | ... |
src/containers/test.jsx
0 → 100644
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({ | ... | ... |
-
Please register or sign in to post a comment