Skip to content

Commit 2e9538a

Browse files
author
lewis617
committed
hello world react
1 parent 1a2faba commit 2e9538a

File tree

12 files changed

+108
-1234
lines changed

12 files changed

+108
-1234
lines changed

‎hello-world/dist/app.js‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎hello-world/dist/index.html‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Hello World app</title>
6+
</head>
7+
<body>
8+
<div id="app"></div>
9+
<script src="vendors.js"></script>
10+
<script src="app.js"></script>
11+
</body>
12+
</html>

‎hello-world/dist/vendors.js‎

Lines changed: 20 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎hello-world/package.json‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"name": "hello-world",
3+
"version": "1.0.0",
4+
"description": "",
5+
"dependencies": {},
6+
"devDependencies": {
7+
"babel-core": "^6.4.0",
8+
"babel-loader": "^6.2.1",
9+
"babel-preset-es2015": "^6.3.13",
10+
"babel-preset-react": "^6.3.13",
11+
"path": "^0.12.7",
12+
"react": "^0.14.6",
13+
"react-dom": "^0.14.6",
14+
"webpack": "^1.12.10"
15+
},
16+
"scripts": {
17+
"build": "webpack --progress -colors"
18+
},
19+
"author": "lewis617",
20+
"license": "ISC"
21+
}

‎hello-world/src/components/app.js‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import React from 'react'
2+
3+
export default class App extends React.Component{
4+
render(){
5+
return(
6+
<div>
7+
<h1>Hello world</h1>
8+
<p>这是我写的第一个react组件</p>
9+
</div>
10+
)
11+
}
12+
}

‎hello-world/src/index.js‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import React from 'react';
2+
import ReactDOM from 'react-dom';
3+
import App from './components/app';
4+
5+
ReactDOM.render(
6+
<App>
7+
</App>,
8+
document.querySelector('#app')
9+
);

‎hello-world/webpack.config.js‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
var path = require('path');
2+
var webpack = require('webpack');
3+
4+
module.exports = {
5+
entry: {
6+
app:path.join(__dirname, 'src'),
7+
vendors: ['react']
8+
},
9+
output: {
10+
path: path.join(__dirname, 'dist'),
11+
filename: '[name].js'
12+
},
13+
module: {
14+
loaders: [
15+
{
16+
test:/\.js?$/,
17+
exclude:/node_modules/,
18+
loader:'babel',
19+
query:{
20+
presets:['react','es2015']
21+
}
22+
}
23+
]
24+
},
25+
plugins: [
26+
// kills the compilation upon an error.
27+
// this keeps the outputed bundle **always** valid
28+
new webpack.NoErrorsPlugin(),
29+
//这个使用uglifyJs压缩你的js代码
30+
new webpack.optimize.UglifyJsPlugin({minimize: true}),
31+
new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js')
32+
]
33+
};

‎react-reflux-webpack-starter/__tests__/App-test.js‎

Lines changed: 0 additions & 19 deletions
This file was deleted.

‎react-reflux-webpack-starter/__tests__/Todo-test.js‎

Lines changed: 0 additions & 16 deletions
This file was deleted.

‎react-reflux-webpack-starter/dist/bundle.js‎

Lines changed: 0 additions & 1154 deletions
This file was deleted.

0 commit comments

Comments
 (0)