dd-games v0.0.1

项目介绍

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

项目地址

本地开发环境：https://y-dev.tuwan.com/chartRoom/yearcelebration

测试环境地址：https://y-test.tuwan.com/events/cake

线上环境地址：https://y.tuwan.com/events/cake

三个弹窗地址: 是否手动结束弹窗：https://page-test.tuwan.com/events/cake#/confirm

规则说明弹窗：https://page-test.tuwan.com/events/cake#/tipsmodal

card弹窗：https://page-test.tuwan.com/events/cake#/card

是否手动结束弹窗：https://y-test.tuwan.com/year_celebration_modal

规则说明弹窗：https://y-test.tuwan.com/year_celebration_tips

card弹窗：https://y-test.tuwan.com/year_celebration_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 运行打包后的项目

跑起不起来用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 记得更新版本号

使用

正常npm 安装， 注意样式的引入：

@import "dd-games/public/build/bundle.css";