All Projects → luoguoxiong → mulit_page_react

luoguoxiong / mulit_page_react

Licence: MIT license
webpack4.2+Dva搭建的REACT多单页的应用级脚手架

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

关于 Multi_page_react

1、基于webpack构建工具,搭建多页与单页结合的**React**应用级脚手架。

2、数据层基于Dva,实现各单页的数据管理及路由管理。

3、使用localStoragedva完美结合,实现了多页之间的优雅通信方式。

4、多页与(路由,组件)按需加载结合,构建高性能应用。

多单页开发环境(http://localhost:3100/)
npm run dev
线上打包一
npm run build
线上打包二 (需配置CDN)
npm run build_publish

文件夹目录

multi_page_react
├─ webpack
    ├─ template.html                     html模板
    ├─ webpackEntry.js                   webpack.entry
    ├─ webpackHtml.js                    webpack.html
    ├─ withPath.js                       webpack文件夹解析器
├─ webpack.config.js                     webpack入口文件
├─ cdn.js                                cdn上传脚本
└─ app
    ├─ Common                            公共方法
    ├─ Component                         全局组件
    ├─ Modle                             数据层
    	├─ index				
    	├─ todo
    	├─ index.js				
    ├─ Service                           交互层
    	├─ index
    	├─ todo
    	├─ index.js
    ├─ View                              视图
    	├─ index
    	    ├─ component                 首页模块组件
            ├─ Routers                   首页模块路由
            ├─ index.js                  首页模块入口(需引入app.js)
            ├─ pageinfo.json             页面信息
    	├─ todo
    ├─ static                            静态文件
    ├─ app.js                            连接Model与view

End

  • 如果对你有帮助,帮忙点个 Star 吧!
  • 欢迎你们的issure来袭,如果有宝贵意见欢迎发送邮件至[email protected]
  • Thanks!
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].