https://github.com/ikram-maulana/webpack-tailwind-boilerplate

🧰 A Minimal Webpack 5/4 boilerplate with Tailwind CSS 3, TypeScript, PostCSS, Prettier And More.
https://github.com/ikram-maulana/webpack-tailwind-boilerplate

postcss prettier tailwind-3 typescript webpack-4 webpack-5 webpack-boilerplate webpack-tailwind

Last synced: 3 months ago
JSON representation

🧰 A Minimal Webpack 5/4 boilerplate with Tailwind CSS 3, TypeScript, PostCSS, Prettier And More.

• Host: GitHub
• URL: https://github.com/ikram-maulana/webpack-tailwind-boilerplate
• Owner: Ikram-Maulana
• License: mit
• Created: 2022-01-02T03:51:58.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-01-02T04:16:29.000Z (over 3 years ago)
• Last Synced: 2025-01-09T08:32:57.696Z (5 months ago)
• Topics: postcss, prettier, tailwind-3, typescript, webpack-4, webpack-5, webpack-boilerplate, webpack-tailwind
• Language: JavaScript
• Homepage:
• Size: 361 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Webpack 5 Boilerplate

![html](https://img.shields.io/static/v1?message=HTML&logo=html5&labelColor=5c5c5c&color=1182c3&label=%20) ![npm](https://img.shields.io/static/v1?message=npm&logo=npm&labelColor=5c5c5c&color=1182c3&label=%20) ![nodejs](https://img.shields.io/static/v1?message=Node%20Js&logo=node.js&labelColor=5c5c5c&color=1182c3&label=%20) ![Webpack5](https://img.shields.io/static/v1?message=Webpack%205&logo=webpack&labelColor=5c5c5c&color=1182c3&label=%20) ![Tailwindcss](https://img.shields.io/static/v1?message=Tailwind%20CSS&logo=tailwindcss&labelColor=5c5c5c&color=1182c3&label=%20) ![Typescript](https://img.shields.io/static/v1?message=Typescript&logo=typescript&labelColor=5c5c5c&color=1182c3&label=%20) ![Postcss](https://img.shields.io/static/v1?message=Post%20CSS&logo=postcss&labelColor=5c5c5c&color=1182c3&label=%20) ![Prettier](https://img.shields.io/static/v1?message=Prettier&logo=prettier&labelColor=5c5c5c&color=1182c3&label=%20)  

Minimal Webpack 5 boilerplate with Tailwind CSS 3, TypeScript, PostCSS, Prettier And More. It also includes optimization for development and production build. There is also a version that uses [webpack 4](https://github.com/Ikram-Maulana/webpack-tailwind-boilerplate/tree/webpack-4).

## First Setup Instruction

```

git clone https://github.com/Ikram-Maulana/webpack-tailwind-boilerplate.git

cd webpack-tailwind-boilerplate

npm install

```

## Instruction for Usage

- **Development server**  

Build the app in dev mode and run webpack serve  

`npm run start-dev`

- **Production Build**  

Build the app in production mode  

`npm run build`

## License

This project is open source and available under the  [MIT License](https://github.com/Ikram-Maulana/webpack-tailwind-boilerplate/blob/main/LICENSE).