https://github.com/officialrajdeepsingh/tsup-tutorial

tsup tutorial for npm package
https://github.com/officialrajdeepsingh/tsup-tutorial

tsup tutorial typescript

Last synced: 7 months ago
JSON representation

tsup tutorial for npm package

• Host: GitHub
• URL: https://github.com/officialrajdeepsingh/tsup-tutorial
• Owner: officialrajdeepsingh
• Created: 2023-06-08T11:27:17.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-09-22T05:53:45.000Z (about 2 years ago)
• Last Synced: 2024-05-19T16:21:46.806Z (over 1 year ago)
• Topics: tsup, tutorial, typescript
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/tsup-tutorial
• Size: 127 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Tsup Tutorial

The TSUP Tutorial NPM package explains how to use the [TSUP library](https://tsup.egoist.dev/) to bundle typescript projects.

---

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

## Importing package

```js

// import Header  Footer 

import { Header , Footer } from "tsup-tutorial";

const { Header , Footer } = require("tsup-tutorial");

// Button

import { Button } from "tsup-tutorial/Button";

const { Button } = require("tsup-tutorial/Button");

// Headings

import { H1, H2, H3 } from "tsup-tutorial/Headings";

const { H1, H2, H3 } = require("tsup-tutorial/Headings");

// Icons

import { IconGithub, IconTwitter, IconInstagram, IconLinkedin, IconMastodon } from "tsup-tutorial/Icons";

const { IconGithub, IconTwitter, IconInstagram, IconLinkedin, IconMastodon } = require("tsup-tutorial/Icons");

// style

import "tsup-tutorial/styles.css";

require("tsup-tutorial/styles.css");

```

[Live example](https://codesandbox.io/p/sandbox/nextjs-tsup-tutorial-996q96-996q96) How to use tsup-tutorial package in your react or nextjs project.