یک کودک 5 ساله می تواند این راهنمای توسعه SDK TypeScript را دنبال کند ~ قسمت 3: ساخت برنامه های آزمایشی

سلام!

امیدوارم که کارتان عالی باشد! این SMY است! 👋 بیایید درست بپریم داخل 🚀

این قسمت 3 از سری توسعه SDK ما است که در آن به ایجاد برنامه های آزمایشی برای react، مرورگر، گره و گره قدیمی می پردازیم.

فهرست:

  • Setting up tsup for different execution environments
  • Creating our apps

مرحله 1: راه اندازی tsup برای محیط های مختلف

در ریشه پروژه ایجاد کنید tsup.config.ts فایل و محتوای زیر را پیست کنید:

import { defineConfig } from "tsup";

export default defineConfig({
  clean: true,
  dts: true,
  entry: ["src/index.ts"],
  format: ["cjs", "esm", "iife"],
  minify: true,
});

clean – قبل از هر ساخت، دایرکتوری خروجی را پاک کنید.

dts – تعاریف تایپ برای TypeScript.

entry – مشخص کردن نقطه ورود

formatcjs برای میراث، esm برای پروژه های نود جدیدتر و iife برای مرورگرها

minify – کد ما را کوچک می کند و اندازه بسته را کاهش می دهد.

هیچ پیکربندی اضافی مورد نیاز نیست، همانطور که tsup به طور خودکار این فایل را جستجو می کند و همه چیز را برای ما مدیریت می کند 🙂

اکنون از آن خارج شده و دوباره اجرا کنید build فرمان

npm run build

خروجی زیر را در ما خواهید دید dist پوشه

index.cjs – برای خروجی CJS

index.js – برای ESM

index.global.js – برای مرورگرها

مرحله 2: یک برنامه Node ایجاد کنید

که در example-apps/Node، ایجاد یک index.js فایل. محتوای زیر را بچسبانید:

import sdk from...

Source link