美文网首页
taro 云函数 gulp typescript 开发

taro 云函数 gulp typescript 开发

作者: 吴占超 | 来源:发表于2022-06-21 11:35 被阅读0次

    感谢凹凸实验室的 taro
    https://taro-docs.jd.com/taro/docs/
    taro 创建模版选择 taro-cloud 既可以进行云开发,选择typescript语言。
    但是创建的虽然是 *.ts 但是代码却是 node.js代码。开发后编译较为混乱。
    建议单独打包build。
    配置如下:

    • project.config.json (path: 根目录)
    # 修改函数root 目录指向 /dist/ 目录
    "cloudfunctionRoot": "cloud/dist/functions/",
    
    • tsconfig.json (path:cloud/tsconfig.json)
    # 设置 输出目录
    "outDir": "dist", 
    
    • gulp 安装
    $ cd cloud
    $ yarn add gulp -D
    
    • gulpfile.js (gulp文件)
    /* eslint-disable @typescript-eslint/no-var-requires */
    /* eslint-disable no-undef */
    const { src, dest } = require('gulp');
    
    exports.default = () => {
      return src('functions/**/*.json').pipe(dest('dist/functions'));
    };
    
    
    • package.json (path: cloud/package.json)
    "scripts": {
        "build": "tsc & gulp"
      },
    
    • *如果 多项目共用 ts 类型(client、cloud)则可以创建单独项目目录
      配置 tsconfig.json

      1. 根目录 tsconfig.json
      "references": [
        {
          "path": "cloud"
        },
        {
          "path": "api-type"
        },
        {
          "path": "client"
        },
        {
          "path": "vite-manager-safety"
        }
      ]
    
    1. cloud/tsconfig.json
    "references": [
        {
          "path": "../api-type"
        }
      ]
    

    相关文章

      网友评论

          本文标题:taro 云函数 gulp typescript 开发

          本文链接:https://www.haomeiwen.com/subject/ftzsvrtx.html