1.13.0 • Published 3 years ago

ysr v1.13.0

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

构建信息

本项目使用 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 地址

潜龙入口

!!!!!!!注意!!!!!!!!!! 1、HMR不生效 。@vue/cli-service的bug。 打开ysr的目录 (ysr -p ) 然后npm i --save @vue/cli-service@3.2.0 或者 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目录为服务器读取本地配置和入口,一般不要轻易修改。