@opayjs/create-h5 v0.0.13

@opayjs/create-h5

用于开发OPay APP内嵌H5业务的创建项目模板

目前只支持创建svelte-ts项目

并且要求node版本>=14.15.0

使用

• 运行创建脚本，使用npm、yarn、pnpm均可

# via npm
npm create @opayjs/h5

# via yarn
yarn create @opayjs/h5

# vai pnpm 
pnpm create @opayjs/h5

• 输入项目名称
• 选择择svelte项目
• 选择svelte-ts

Done!

Svelte-TS特性

• 支持UNOCSS
• 以最小的代价实现了移动端适配
• 自动的文件层级路由（任意的assets、components目录都会被路由注册器忽略），示例：
  • views/foo/index.svelte ==> /foo
  • views/foo/bar.svelte ==> /foo/bar
  • views/foo/components/CustomComp.svelte 不会注册路由
• 主题定制（通过扩展UNOCSS设置，很轻易的达到整个应用主题色更改）
• 支持基于Vitest的组件单元测试，并附带按钮组件测试示例
• 支持Svelte3
• 内置必要基础组件
  • Alert
  • Button
  • ExpansionPanel
  • IndexBar
  • Loading
  • Toast
  • Dialog
  • ActionSheet
  • Form
  • FormItem
  • Input
  • Select
• 支持Typescript
• 内置必要的布局元素（H5导航栏，全局Loading，全局Toast）
• 无额外的插件、UI库，最小化代码体积
• 内置基于原生fetch的API封装以及自定义API，以及API更加细腻的自定义选项
• 支持API路径与返回类型映射表类型定义
• 支持扩展window对象方便自定义声明JsBridge调用API
• 内置的工具函数
  • attributeAtom()（该工具可以解决Svelte跟UNO CSS搭配时出现的需要设置属性值为空字符串或者null的缺陷）
  • 数字千分分割工具
• 经过墨西哥项目检验，该项目可以将同等业务量的其他由Vue或者React实现的项目优化为：
  • js压缩比20:1
  • css压缩比50:1
  • 构建速度提升50%
  • LightHouse评分全部90+