vue-cli+uni-app+vue3.0+ts构建自定义条件编译（飞书）小程序

一、新建项目
1.全局安装 vue-cli，如果有用vue-cli构建过项目可跳过该步

npm install -g @vue/cli

2.创建uni-app+vue3项目

vue create -p dcloudio/uni-preset-vue#vue3 uni-vue3-project

uni-app模板选择：默认模板(TypeScript)

二、添加配置

1.做一些对应飞书小程序的配置，可参考官网说明

package.json中加入如下配置：

"uni-app": {
    "scripts": {
      "mp-feishu": {
        "title": "飞书小程序",
        "env": {
          "UNI_PLATFORM": "mp-toutiao"
        },
        "define": {
          "MP-FEISHU": true
        }
      }
    }
  }

代码中使用自定义的条件编译：

// #ifdef MP-FEISHU
飞书端特有的API实现
// #endif

2.进入项目目录

cd uni-vue3-project

3.运行

npm run dev:custom mp-feishu

如果出现 Error: Cannot find module '@dcloudio/uni-cli-i18n'