Skip to content
This repository has been archived by the owner on Feb 27, 2023. It is now read-only.

React 17 Boilerplate with Webpack 6, Tailwind 2, using babel, SASS/PostCSS, HMR, dotenv and an optimized production build

License

Notifications You must be signed in to change notification settings

altafino/react-webpack-5-tailwind-2

Repository files navigation

unmaintained

I am not more maintain this project actively for different reasons. One is, that with Vite we have a nicer way to handle different aspects, other is time. But I check and can accept pull requests.

react-webpack-6-tailwind-2

React 17 Boilerplate with React 17, Webpack 6, Tailwind 2, HMR, using babel, Jest unit testing, sass, with a hot dev server and an optimized production build

Demo

Maintained by Altafino - Full-Stack Go/JS Development

Last Changes (the newest first):

  • added full support for unit testing (with file mocks) using Jest
  • added SVGR as a webpack loader to import your SVG directly as a React Component.
  • added build-staging script. same as build but using .env.staging
  • added dotenv-webpack to handle process.env.VARS
  • added Prettier
  • added react-refresh-webpack-plugin for HMR

Installation

git clone https://github.com/altafino/react-webpack-5-tailwind-2.git
cd react-webpack-5-tailwind-2
yarn / npm i

To use it for your own project the easiest way is to use the green Template Button on top right of this repo on Github.

Usage

Development server

yarn start / npm start

You can view the development server at localhost:3000. (change port in ./config/webpack.dev.js)

Unit Test

 yarn test / npm test

Production build

 yarn build / npm run build

Features

Dependencies

webpack

Babel

Jest

Loaders

Eslint

Plugins