[关闭]
@xiaoqq 2016-11-03T07:41:26.000000Z 字数 552 阅读 997

React多页面测试


一、开始

运行

  1. npm install
  2. npm run build:dll
  3. npm run dev
  4. gulp less
  5. 在浏览器打开build目录下的index.html

注意:

  • build:dll 的目的是将公共代码抽取出来单独打包,所以,整个项目开发过程中只需要打包第一次就好了
  • gulp watch 必须另开一个命令行,或者可以在webstorm中监听less
  • 可以在modules.js中配置需要修改模块

二、React + FTL

这里以着陆页为例。 由于着陆页的逻辑基本都在大转盘上,所以,我们可以将大转盘抽出成一个组件。

  1. 拷贝build目录下的publicityShortUrl_2016102001.ftl至当前目录下,替换之;
  2. 安装http-servernpm install http-server -g
  3. 运行http-server -p 8082
  4. 启动tomcat,在chrome中打开该着陆页。

三、React + Flux

使用峰哥的程序,在student目录下,别忘了引用bootstrap样式<link href="//cdn.bootcss.com/bootstrap/1.4.0/css/bootstrap.min.css" rel="stylesheet">

四、React + Redux

经典TodoMVC程序,在todo目录下

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注