React多页面运用脚手架-v1.3.0

react-multi-page-app是一个基于react和webpack的多页面运用架构,经由过程编译天生对应目次构造清楚的静态页面,完成多页面便利开辟保护。1.3.0 版本对项目团体做了一个周全的晋级,增添修正的以下几个方面:

  • 增添项目建立敕令rppx-cli
  • 建立Demo展现页面
  • 完美修正REAMDME(中文/英文)
  • 增添了redux的运用
  • 优化目次构造
  • 优化团体代码

装置及运用

全局装置rppx-cli敕令并建立本身的react多页项目

装置rppx-cli

$ npm install rppx-cli -g

建立react多页项目

$ rppx init my-react

装置依靠

$ npm install 

开辟环境

$ npm run dev

编译打包

$ npm run build

运转

$ npm start

自动翻开阅读器阅读页面 开辟 http://localhost:3100 临盆 http://localhost:3118

建立新页面

    1. 在src下建立一个文件目次
    1. 在新建立的文件目次下增添index.js(必需,由于是webpack打包进口文件)
    1. 在新建立文件夹下增添pageinfo.json(非必需) 供html插件运用
    1. npm run dev开辟
|-- src
    |-- index/
    |-- page2/
        |-- index.js
        |-- pageinfo.json

目次构造调解

v1.3.0 对全部文件构造做了优化

  • 将将页面文件放在src下的pages里统一管理
  • 增添了store文件夹放redux相干文件。
  • 对团体文件定名以及构造做了大幅度调解

Demo页面

http://www.h5cool.com/react-m…

  • home页为一个简朴预览页
  • todo页是一个基于react-redux的todolist页面
  • 整页排版运用bulma.css

完全代码参考项目react-multi-page-app

    原文作者:秋雨
    原文地址: https://segmentfault.com/a/1190000017317867
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞