Create project package configuration

  pnpm init

create igonore files

.gitignore
.npmignore

setup

• pnpm add -D typescript types/node tsup vtest

Package Configuration

"scripts": {
    "build": "tsup src/index.ts --format cjs,esm --dts",
    "lint": "tsc"
  },

Execute build

pnpm run build

ts configuration

//tsconfig.json
{
    "compilerOptions": {
        "target": "ES2016",
        "module": "CommonJS",
        "esModuleInterop": true,
        "forceConsistentCasingInFileNames": true,
        "strict": true,
        "skipLibCheck": true,
        "noEmit": true
    }
}

lint example

~/Doc/S/repos/test-npm-package main !1 ?5 ❯ pnpm lint                                                                      16.15.0 10:46:49 PM

> [email protected] lint /Users/habtamu.desalegn/Documents/Source/repos/test-npm-package
> tsc

src/index.ts:1:36 - error TS2339: Property 'lg' does not exist on type 'Console'.

1 export const hello = () => console.lg('hello')
                                     ~~

Found 1 error in src/index.ts:1

 ELIFECYCLE  Command failed with exit code 2.

Test

setup

    pnpm add -D vitest

script

    "dev": "vitest",
    "test": "vitest run"

execute

    pnpm dev

CI using github Action

configuration

//.github/workflows/main.yml
name: CI
on:
  push:G
    branches:
      - "**"

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: pnpm/action-setup@v2
        with:
          version: 7
      - uses: actions/setup-node@v3
        with:
          node-version: 16.x
          cache: "pnpm"

      - run: pnpm install --frozen-lockfile
      - run: pnpm run lint && pnpm run build && pnpm run test

Execute CI (github Action)

   "ci": "pnpm run lint && pnpm run test && pnpm run build",
    pnp run ci

Release to NPM

pnpm i @changesets/cli -D

pnpm changeset init

 "release": "pnpm run build && changeset publish"

pnpm changeset