Skip to content

larksuite/tarojs-plugin-platform-lark

Repository files navigation

tarojs-plugin-platform-lark

Taro 插件,用于支持编译飞书(Lark)小程序。

Usage

安装

yarn add tarojs-plugin-platform-lark

配置

Taro 项目配置

config = {
  // ...
  plugins: [
    [
      'tarojs-plugin-platform-lark',
      // 插件选项
      {
        pc: false
      }
    ]
  ]
}

编译命令

package.json 添加命令

{
  "scripts": {
    "build:lark": "taro build --type lark",
    "dev:lark": "npm run build:lark -- --watch"
  },
}
# yarn
$ yarn dev:lark
$ yarn build:lark

# npm script
$ npm run dev:lark
$ npm run build:lark

# 仅限全局安装
$ taro build --type lark --watch
$ taro build --type lark

# npx 用户也可以使用
$ npx taro build --type lark --watch
$ npx taro build --type lark

# watch 同时开启压缩
$ set NODE_ENV=production && taro build --type lark --watch # Windows
$ NODE_ENV=production taro build --type lark --watch # Mac

小程序开发者工具

执行上面的编译命令(根据个人习惯选择一个执行),下载并打开飞书小程序开发者工具,导入项目,选择项目根目录下的 dist 目录(即编译配置 config/index.js 中 outputRoot 设置的目录)打开。

类型引入

如果当前 taro 项目使用 typescript 作为开发语言,需要在项目中 global.d.ts 文件头部添加如下一行:

/// <reference path="./node_modules/tarojs-plugin-platform-lark/types/shims-lark.d.ts" />

插件选项

选项名 默认值 说明
pc boolean false 指定 Lark 小程序是否支持 PC 端的组件属性(注 1)
entry string <空> 指定 Lark 小程序编译时的入口文件(注 2)

注:

  1. Lark 小程序支持在 PC 客户端上运行;举个例子,如果此时 view 组件要支持 bindmouseenter / bindmouseleave 这一对属性, 就需要开启这个选项。
  2. Taro 的默认小程序编译入口是 src 文件夹下的 app.(ts|js|tsx),可以设置 entry 为另一个文件的路径来修改 Lark 小程序编译入口,这里的路径是相对于项目编译配置的 sourceRoot (一般是 'src')的,且在入口文件的相同文件夹下需要存在同名的 config 文件(默认入口是 app.(ts|js|tsx),且存在 app.config.(ts|js))。

About

taro platform plugin for lark

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published