使用React构建应用

webpack安装，创建目录reactDemo ，并且安装hjs-webpack

npm install -g webpack
npm install -g webpack-dev-server

mkdir reactDemo 
cd reactDemo/

npm init -y
npm install hjs-webpack --save

npm -v

在项目根目录下创建webpack.config.js。

var getConfig = require('hjs-webpack')

module.exports = getConfig({
    // 入口JS文件的位置
    in : 'src/app.js',

    // 应用打包（build）之后将存放在哪个文件夹 
    out: 'public',

        // 是否在每次打包之前将之前的打包文件
        // 删除
        clearBeforeBuild: true
})

创建src/app.js。

import React from 'react'

// 加载CSS
require('./style.css')

class MyApp extends React.Component {
    render() {
        return <h1>Wonderful App</h1>
    }
}

React.render(<MyApp />,
    document.body)

启动webpack的开发服务器

webpack-dev-server