Andy Maskiell saurookadook

Setting up Webpack for any Typescript project from Scratch

Welcome to step by step hands-on guide to setup webpack in your upcoming typescript project. Please follow the steps and you should be able to create your own webpack project. Please download the source code from github.

You will learn below things:

✅Create a Typescript node.js project.
✅Install Dependencies with webpack & typescripts.
✅Use Webpack CLI to crate webpack.config.js file and modify webpack.config.js based on our need.

ASCI art characters for creating diagrams

Characters:

Single line

ASCII code 191 = ┐ ( Box drawing character single line upper right corner )
ASCII code 192 = └ ( Box drawing character single line lower left corner )
ASCII code 193 = ┴ ( Box drawing character single line horizontal and up )
ASCII code 194 = ┬ ( Box drawing character single line horizontal down )

	// These hashes are for algorithmic use cases, such as bucketing in hashtables, where security isn't
	// needed and 32 or 64 bits is enough (that is, rare collisions are acceptable). These are way simpler
	// than sha1 (and all its deps) or similar, and with a short, clean (base 36 alphanumeric) result.

	// A simple, insecure 32-bit hash that's short, fast, and has no dependencies.
	// Output is always 7 characters.
	// Loosely based on the Java version; see
	// https://stackoverflow.com/questions/6122571/simple-non-secure-hash-function-for-javascript
	const simpleHash = str => {
	let hash = 0;