构建信息

本项目使用 ysr 进行构建

安装 ysr

npm install ysr -g

相关命令

ysr watch # 本地调试--启动本地服务器，启动代理（不生成文件，通过chrome 插件 SwitchySharp 并设置：ssr 127.0.0.1 8888，来访问和调试（地址：www.yy.com/ssr），用于整个项目调试）

ysr watch --silent # 静态构建--只生成css/js/html文件，配合fiddler/charles 等代理软件使用(用于dev or production 环境调试用)

ysr watch --silent # 本地构建--只生成css/js/html文件，配合fiddler/charles 等代理软件使用(用于dev or production 环境调试用)

ysr watch --server # 本地服务--启用express服务器，暂时未找到调试方式 待完善。

ysr watch --proxy --remote # 打包--生成所有项目文件(包括client-bundle-manifest.json和server-bundle-manifest)

ysr -p # 打开ysr所在目录

其他命令待添加

访问地址

• 本地 打开 SwitchySharp 添加选项 ssr 127.0.0.1 8888，并启用： http://www.yy.com/ssr
• 正式环境 项目地址
• 测试环境 项目地址

git 地址

• https://git.yy.com/webs/web_static/test2

潜龙入口

• http://bigdragon.yy.com/admin/dragon/project/list.jsp?projId=314115

！！！！！！！注意！！！！！！！！！！ 1、HMR不生效 。@vue/cli-service的bug。 打开ysr的目录 (ysr -p ) 然后npm i --save @vue/[email protected] 或者 3.5.0 总之安装的版本和现在的版本不同就行。 2、router和stroe是两端都要用，所以要注意不要写只有客户端能够运行的代码！ 3、注意函数的生命周期问题。vue的生命周期钩子函数中， 只有 beforeCreate和 created 会在服务器端渲染(SSR)过程中被调用。这里就要注意判断环境就去使用window、document对象。否则服务器端会报错。 4、router中关于首页模块一定要配置成同步，否则css有问题，暂时没找到解决方案后继跟进。 5、本地服务器错误日志都存放在ysr目录下。server_log文件夹。开发调试可以查看 6、ysr.config.js中的webpackconfig alias 和 concat 和plugins 等暂时还没实现，所需三方依赖请自己到ysr所在目录install，稍后版本会修正这个问题。 7、server目录为服务器读取本地配置和入口，一般不要轻易修改。