Basic project boilerplate with TailwindCSS. This is suited for in-browser prototyping.
- Structured import using postcss-import.
- Support nested like Sass using postcss-nested.
- Support future CSS spec using postcss-preset-env.
- Build system using parcel-bundler.
- Remove all unnecessary CSS on production using postcss-purgecss.
- You must installed
parcel-bundler
globally. Runnpm i -g parcel-bundler
oryarn global add parcel-bundler
if you haveyarn
. - Make sure you can run
parcel
in terminal. You should putparcel
inside yourPATH
environment variable (npm
andyarn
takes care of this).
- Clone/Download this repo.
- Install code dependencies. Run
npm install
oryarn install
if you preferyarn
overnpm
. - Start the development. Run
npm run dev
oryarn dev
. This will watchindex.html
file and other files referenced insideindex.js
file. - If you are finished the development and want to move into production then run
npm run prod
oryarn prod
. This will bundle all of the code, minify, and remove all unused code inside fromtailwindcss
dependencies.