tina
tina copied to clipboard
请问一下如果从现有的原生小程序过渡到tina?
我现在手头有一个纯原生小程序,如何过渡tina?只能重写吗
可以平滑过渡。
如果想同时使用 mina-webpack 的话,推荐步骤:
- [必须] 新建目录,使用
npx sao mina
创建包含 mina-webpack 的模版项目。 - [必须] 将现有代码移入新项目的
src
目录中。 - [必须] 将
app.*
合并为app.mina
,检查 app 配置中依赖的pages
路径是否正确;由于 mina-webpack 兼容原生小程序pages
/usingComponents
无后缀的路径规则。因此 到这一步项目就已经可以跑起来了。 - 将 pages, components 逐个合并为 .mina 文件,并同步修改被引用的路径 (例如将 app.mina 中
pages
的路径追加.mina
后缀)。 - 改造 pages, components 文件,逐个增加
import { Page, Component } form '@tinajs/tina'
的导入声明,并将原Page(...)
/Component(...)
修改为Page.define(...)
/Component.define(...)
。完成改造的文件便得到了 tina 提供的混合、插件等能力。
如果不想使用 mina-webpack, 参考 Tina.js - 直接引入 引入 tina.min.js,并参考上面的 step 5 替换 Page(...)
/ Component(...)
,也是可以的。