项目介绍

周年庆, 同时支持h5 和 web端npm

项目地址

本地开发环境：https://y-dev.tuwan.com/chatroom/champagneTower?cid=27747

测试环境地址：https://y-test.tuwan.com/champagneTower?cid=27402

线上环境地址：https://y-test.tuwan.com/champagneTower?cid=27402

其他几个页面地址: https://y-dev.tuwan.com/chartRoom/champagneTower/#/tipsmodal?cid=23484

https://y-dev.tuwan.com/chartRoom/champagneTower/#/confirm?cid=23484

领取奖励：https://y-dev.tuwan.com/chartRoom/champagneTower/#/selectgift?cid=23484

测试环境： https://y-test.tuwan.com/champagneTower/#/selectgift?cid=23484&full_screen=1

三个弹窗地址: 是否手动结束弹窗：https://y-test.tuwan.com/champagneTower#/confirm?cid=23484

领取奖励 弹窗：https://y-test.tuwan.com/champagneTower#/selectgift?cid=23484

规则说明弹窗：https://y-test.tuwan.com/champagneTower#/tipsmodal?cid=23484

card弹窗：https://y-test.tuwan.com/champagneTower#/card

~~切换周年庆厅模板测试地址：https://yapi-test.tuwan.com/activitytest/changeChatroomNew?cid=xxx&new_tpl_id=43~~

技术栈

svelte、webpack

svelte 官网 webpack 文档地址

项目启动

• npm i 安装依赖
• npm run dev 本地开发 访问地址： https://y-dev.tuwan.com:8080/
• npm run build 打包构建
• npm run start 运行打包后的项目

发布npm的时候执行：sudo npm publish --access public

跑起不起来用yarn node 版本 16.13.1

其他

1. 项目支持ts, 就可以启用 ts 检测
2. 打包的配置就一个webpack.config.ts
3. div 添加点击事件 会报错， 必须给 div 添加 role="presentation"； 这是因为 svelte 的特殊性导致的

上线相关

• npm run build 是正常打包 打包后的代码在 dist目录下
• npm run build-npm 是打包npm， 打包后代码在 public 目录下， 每次发布npm 记得更新版本号