多页面程序相关功能介绍

单页面程序有很多优点,但也存在不足。Radmin在以单页面程序为主的同时,也支持多页面程序。多页面程序的需求一般有以下两种原因

  • 多个系统,彼此间无共享数据,只是通过跳转链接关联
  • 单页面所有逻辑都在一起,文件太大(虽然共享的部分很多),希望能够拆分,比如有一个轻量级的home主页。

对于第一种原因,可以通过创建不同的项目来解决,系统彼此独立更容易维护。 对于第二种原因,Radmin提供了自动化的多入口方案。

多页面开发

多页面的页面是位于src目录下的多个html,每个页面对应一个同名入口js程序位于src/js下,这样Radmin会自动检测到这些页面并编译处理。 如果多页面中每个页面都需要页面内的路由(一般主页不需要),那么可以将src/js/config/RouteConfig文件拆分成多个, 每个页面在自己的入口js下分别引入,具体写法直接参照默认的index.html即可。

使用CDN减小打包文件

在webpack.hot.config.js和webpack.production.config.js中有如下配置,以react为例

externals: {
  //'react': 'React'
},

含义是编译时代码中虽然出现require('react'),但这个依赖不会被打包到最终的js中,代码中引用react的部分将自动改为使用window.React的全局变量代替。 开发者需要在html里单独引入这个编译好的react的js,可以是CDN上的地址。

results matching ""

    No results matching ""