tina icon indicating copy to clipboard operation
tina copied to clipboard

请问一下如果从现有的原生小程序过渡到tina?

Open KarnaughK opened this issue 4 years ago • 1 comments

我现在手头有一个纯原生小程序,如何过渡tina?只能重写吗

KarnaughK avatar Aug 21 '20 07:08 KarnaughK

可以平滑过渡。

如果想同时使用 mina-webpack 的话,推荐步骤:

  1. [必须] 新建目录,使用 npx sao mina 创建包含 mina-webpack 的模版项目。
  2. [必须] 将现有代码移入新项目的 src 目录中。
  3. [必须] 将 app.* 合并为 app.mina,检查 app 配置中依赖的 pages 路径是否正确;由于 mina-webpack 兼容原生小程序 pages / usingComponents 无后缀的路径规则。因此 到这一步项目就已经可以跑起来了
  4. 将 pages, components 逐个合并为 .mina 文件,并同步修改被引用的路径 (例如将 app.mina 中 pages 的路径追加 .mina 后缀)。
  5. 改造 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(...),也是可以的。

imyelo avatar Aug 21 '20 07:08 imyelo