ppl_activity_outer_template_package
v1.0.1
Published
PPL活动外包模板包
Downloads
5
Readme
模板说明
请注意,不要修改任何
非src
目录下的配置或代码
安装依赖
请使用pnpm
安装依赖
$ pnpm i
本地调试 - 双端项目
如果该项目为双端模板,则分别在
src/m
和src/pc
开发移动端和 PC 端的代码
# 移动端调试
$ pnpm dev:m
# PC端调试
$ pnpm dev:pc
本地调试 - 单端项目
如果该项目为单端模板,则在
src/page
开发代码
$ pnpm dev
创建新页面
可使用 pnpm create-page -- [destination] --platform [platform] 创建一个页面
- pageName 为新建的页面目录相关名称
- destination 为创建的目标路径
- platform 用于指定页面所属端(m/pc),默认为 m
# 以移动端新建页面为例
$ cd src/m
$ pnpm create-page -- index ./ -p m
打包
game-tool-cli 版本号必须 >= 2.0.0,打包后产物为
.zip
$ game pack
其他
页面 UI 尺寸兼容
模板内部默认内置了 REM 方案,可在 .less 文件内正常使用 px 单位进行开发,模板会自动转换为合适的 rem 单位进行适配,如果需要不转换 px,请使用PX
本地资源引用
如果需要在 html 引用本地资源(图片、字体等),可使用<img src="<%= require('../../assets/img/xxx.png') %>">
方式引入
lint
模板内置了 eslint、stylelint、commitlint、prettire 用于规范开发,请务必遵守
JQuery 和 Lodash
模板默认安装 JQuery 和 Lodash,可直接 import 使用
发起请求
请参考src/common/request
中的代码示例