webpack安裝，創(chuàng)建目錄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

在項目根目錄下創(chuàng)建webpack.config.js。

var getConfig = require('hjs-webpack')

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

    // 應(yīng)用打包（build）之后將存放在哪個文件夾 
    out: 'public',

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

創(chuàng)建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的開發(fā)服務(wù)器

webpack-dev-server