react-whole-barrels/src/home/index.js

- [x] Es6/7 - [x] react/react-router/dva - [x] less - [x] dev-server - [x] 模块热替换（HMR） - [x] sourcemap - [x] CSS代码分割 - [x] 代码分割(SplitChunksPlugin) - [x] 浏览器缓存 - [x] tree shaking - [x] DellPlugin - [x] PWA - [x] eslint - [x] stylelint

import React, {Component} from 'react';
import {connect} from 'dva';
import {Layout, Menu, Icon} from 'antd';
import './index.less';
import {test} from './index.tsx'

const {Header, Content, Footer, Sider} = Layout;
@connect(state => ({home: state.home}))
class Home extends Component {
	render() {
	
		return (
			<Layout className="home">
				<Sider
					breakpoint="lg"
					collapsedWidth="0"
					onBreakpoint={broken => {
						console.log(broken);
					}}
					onCollapse={(collapsed, type) => {
						console.log(collapsed, type);
					}}
				>
					<div className="logo" />
					
					<Menu theme="dark" mode="inline" defaultSelectedKeys={['4']}>
						<Menu.Item key="1">
							<Icon type="user" />
							<span className="nav-text">nav 1</span>
						</Menu.Item>
						<Menu.Item key="2">
							<Icon type="video-camera" />
							<span className="nav-text">nav 2</span>
						</Menu.Item>
						<Menu.Item key="3">
							<Icon type="upload" />
							<span className="nav-text">nav 3</span>
						</Menu.Item>
						<Menu.Item key="4">
							<Icon type="user" />
							<span className="nav-text">nav 4</span>
						</Menu.Item>
					</Menu>
				</Sider>
				<Layout>
					<Header style={{background: '#fff', padding: 0}} />
					<Content style={{margin: '24px 16px 0'}}>
						<div style={{padding: 24, background: '#fff', minHeight: 360}}>content</div>
					</Content>
					<Footer style={{textAlign: 'center'}}>Ant Design ©2018 Created by Ant UED</Footer>
				</Layout>
			</Layout>
		);
	}
}

export default Home;