7.5 updating to React15

wirenc

于 2017-01-29 19:04:29 发布

阅读量245

点赞数

分类专栏： react for everyone

本文链接：https://blog.youkuaiyun.com/wirenc/article/details/54773686

版权

react for everyone 专栏收录该内容

15 篇文章

订阅专栏

npm install react-dom@latest –save
npm install react@latest –save
npm install babel-preset-es2015@latest babel-preset-react@latest –save-dev

cat package.json

    "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2"
  },
  "devDependencies": {
    "babel-core": "^6.22.1",
    "babel-loader": "^6.2.10",
    "babel-preset-es2015": "^6.22.0",
    "babel-preset-react": "^6.22.0",
    "webpack": "^1.14.0",
    "webpack-dev-server": "^1.16.2"
  }

cat webpack.config.js

module.exports= {
    entry : './src/App.js',

    output: {
        path: __dirname,
        filename: 'App.js'
    },
    module:{

        loaders: [
    {
      test: /\.js$/,
      exclude: /(node_modules|bower_components)/,
      loader: 'babel-loader',
      query: {
        presets: ['es2015','react']
      }
    }
  ]
    }
};

node_modules/.bin/webpack-dev-server

vi App.js

import React from 'react';
import ReactDOM from 'react-dom'
class App extends React.Component {
render(){
    return(
        <div>
        <h1> Contacts List</h1>
        </div>

        )
}


}

ReactDOM.render(<App />,document.getElementById('app'));