https://github.com/nwtgck/typescript-on-browser-starter

Starter for TypeScript on Web Browser
https://github.com/nwtgck/typescript-on-browser-starter

boilerplate browser quickstart starter template typescript

Last synced: 4 months ago
JSON representation

Starter for TypeScript on Web Browser

• Host: GitHub
• URL: https://github.com/nwtgck/typescript-on-browser-starter
• Owner: nwtgck
• License: mit
• Created: 2019-05-28T01:38:03.000Z (over 5 years ago)
• Default Branch: develop
• Last Pushed: 2024-04-11T09:49:14.000Z (10 months ago)
• Last Synced: 2024-10-04T12:53:12.674Z (4 months ago)
• Topics: boilerplate, browser, quickstart, starter, template, typescript
• Language: JavaScript
• Homepage: https://typescript-on-browser-starter.netlify.com/
• Size: 1.01 MB
• Stars: 26
• Watchers: 3
• Forks: 4
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# typescript-on-browser-starter

[![Netlify Status](https://api.netlify.com/api/v1/badges/4cf13290-0bf6-4e80-a86e-7dd0d5371a5a/deploy-status)](https://app.netlify.com/sites/typescript-on-browser-starter/deploys)

Starter for TypeScript on Web Browser

## Purpose

For users who wants to try TypeScript on Web Browser easily and stress free

## Feature

* Simple as possible

* Source map

* Hot reload

## Quick Start

```bash

# You can change app name

APP_NAME="myapp"

git clone https://github.com/nwtgck/typescript-on-browser-starter.git $APP_NAME && \

cd $APP_NAME && \

rm -rf .git && \

sed -i '' "s/typescript-on-browser-starter/${APP_NAME}/" package.json && \

sed -i '' "s/Starter for TypeScript on Web Browser/${APP_NAME}/" package.json && \

echo -e "# $APP_NAME" > README.md && \

sed -i ''  "s/2019/$(date -u "+%Y")/" LICENSE  && \

npm i

```

## How to change

First, you can serve a develop server as follows.

```bash

npm install

npm run serve

```

Then, you can access to , which will be loaded automatically if file changes detected.

You can modify [src/index.ts](src/index.ts) as you want.

## Build

```bash

npm install

npm run build

```

Then, you get `./dist` directory. The file structure should be the following.

```

dist/

├── bundle.js

├── index.html

└── src

    └── index.d.ts

```

`bundle.js` includes an inline source map.