Melville Spence melspence

Webpack & Tailwind CSS Setup

Create your package.json

npm init -y

Create your src folder

Create a folder called src and add an empty index.js file. The code that webpack compiles goes in here including any Javascript modules and the main Tailwind file.


	/* ------------------- */
	/* General Reset */
	/* ------------------- */

	/// https://piccalil.li/blog/a-modern-css-reset/

	/* Box sizing rules */
	*,
	*::before,

	// https://piccalil.li/blog/a-modern-css-reset

	/* Box sizing rules */
	*,
	*::before,
	*::after {
	box-sizing: border-box;
	}

	/* Remove default margin */

	#------------------
	# Shell Variables
	#------------------

	# Specify VS Code as default editor for the React Native Simulator
	export REACT_EDITOR=code-insiders
	# Set VS Code Insiders as default code editor
	export EDITOR=code-insiders
	# Android SDK
	export ANDROID_HOME=~/Library/Android/sdk