Webpack Typescript Starter

Tsz San Sam, CHAN — Tue, 12 Nov 2019 03:50:38 +0000

Love Webpack? Love Typescript? Feel frustrated of starting a Webpack + Typescript project?

Webpack Typescript Starter comes to help 💪💪💪

(Link of repository is in the end of the article)

Philosophy

Webpack Typescript Starter aims to ease the pain of setting Webpack + Typescript project.

With this starter, you can easily set up a

NodeJS project
Frontend project
Small script migrating to an existing HTML template engine

Although Webpack Typescript Starter can be the starter of a frontend project,
it does not compete with those wonderful frontend starters, e.g.
Create React App,
GatsbyJS,
VueJS CLI,
Angular

Webpack Typescript Starter only provide an environment of Webpack + Typescript, and letting you guys do your magic in there 😉

Getting Started

Clone this project

   git clone https://github.com/samsan1212/webpack-typescript-starter.git

OR create a new repository from this template by navigating to this link

Under the project root directory, run
```
npm install
```
OR
```
yarn
```
Bob's your uncle🎉🎉🎉 You can perform your magic inside src folder

Configurations

HTML Template file

In the directory webpack/plugins, there is a template HTML file html-template.html.

The starter generates a HTML file bin/index.html with the script tags of the bundled javascript files, using this template HTML in the compile time.

If you need the HTML file containing only the script tags of the bundled javscript files, you can empty the content inside the template HTML. (Especially for those who want to migrate custom Javascripts to existing HTML template engine)

noHTML

In package.json, there is a config noHTML

If you are writing NodeJS program, you probably won't need the generated HTML file.

In this case, you can type yes in the config noHTML,

"config": {
  "noHTML": "yes"
}

then no HTML will be emitted during the compile time.

Go check the repository, and please kindly give me some comments.