Skip to content

a template for react with tailwindcss, with the ability to minify and remove unused css, and add in vender prefixes. Using purgecss, cssnano and autoprefixer

Notifications You must be signed in to change notification settings

stevenjchang/steves_template-react_tailwind_purgecss_watch

Repository files navigation

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm run develop
  • Runs the app in development mode while watching the tailwind_custom_entry.css file.
npm run build
  • Builds files into build folder, in production mode
    • production mode means:
      • purgecss - unused tailwindcss css will be removed
      • autoprefixer - vender prefixes added
      • cssnano - css will be minimized



To use this repo with Firebase auth:




NOTES:

Here's what some of the packages do:

  • purgecss - by default, tailwindcss imports all classes. purgecss removes all unused classes, significantly reducing compiled file size.
  • cssnano - css minifier + remove css comments
  • autoprefixer - Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website.

Check out REFERENCES.md for helpful articles and resources used in this repo

About

a template for react with tailwindcss, with the ability to minify and remove unused css, and add in vender prefixes. Using purgecss, cssnano and autoprefixer

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •