generator-react-pack v0.5.3

generator-react-pack

Features

• React full packs
• ES7 support
• Hot reload
• Testing support
• IE8+ support (use React v0.14.8)
• Free combination

app.config.js 文件参数

server <Object>

本地服务器配置

server: {
	host: 'localhost', // IP 地址
	port: 8000, // 端口号，发布模式的端口号为 port+1，即：8001
}

copyFile <array>

复制静态文件至dist目录

copyFile: [
	{ from: './single_part', to: './' }, // 复制整个目录
	{ from: './config.js', to: './config.js' }, // 复制文件
]

html <array|Object>

根据参数动态生成一个或多个html文件

html: [
	{
	  title: '视频直播',
	  baseHref: 'http://localhost:8000/',
	  meta:[
	  	{ 'http-equiv':'X-UA-Compatible', content:'IE=EDGE' }
	  ],
	  links: [
	    './static/bootstrap_part.min.css',
	    { href:'./static/bootstrap-datetimepicker.min.css', id:'dtcss' }
	  ],
	  scripts: [
	    './config.js',
	    './static/TweenLite.min.js',
	    { src:'./static/TweenLite.min.js', id:'tween' }
	  ],
	}
]

entry <string|array>

整个Web程序入口文件

• 单入口

  	```js
  	entry: './src/index'
  	```

• 多入口

  	```js
  	entry: {
  		index: './src/index',
  		login: './src/single-page/login',
  		reg: './src/single-page/reg',
  		reset: './src/single-page/reset'
  	}
  	```

template <string>

template: `./dev/template/index.pug`,

filename <string>

生成的html文件名

filename: `index.html`,

Packages include

• base webpack babel

• react react react-router react-hot-loader react-css-modules redux react-redux * react-redux-router

• css sass postcss * autoprefixer

• lint eslint stylelint

• testing karma mocha * chai

Installation

First, install Yeoman and generator-react-pack using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-react-pack

Then generate your new project:

yo react-pack

WIP

• Typescript support
• Flow support

License

MIT © webpatch