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 文件参数
<Object>
server 本地服务器配置
server: {
host: 'localhost', // IP 地址
port: 8000, // 端口号,发布模式的端口号为 port+1,即:8001
}
<array>
copyFile 复制静态文件至dist目录
copyFile: [
{ from: './single_part', to: './' }, // 复制整个目录
{ from: './config.js', to: './config.js' }, // 复制文件
]
<array|Object>
html 根据参数动态生成一个或多个html文件
参数 | 类型 | 说明 |
---|---|---|
title | string |
标题 |
meta | Array<Object> |
插入到head标签中的meta标签 |
links | `Array<string | Object>` |
scripts | `Array<string | Object>` |
baseHref | string |
插入到head标签顶部的base标签,主要用于多路由下的资源相对路径问题 |
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' }
],
}
]
<string|array>
entry 整个Web程序入口文件
-
单入口
entry: './src/index'
-
多入口
entry: { index: './src/index', login: './src/single-page/login', reg: './src/single-page/reg', reset: './src/single-page/reset' }
<string>
template template: `./dev/template/index.pug`,
<string>
filename 生成的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