Skip to content

Sanan4li/React-Electron-TailwindCSS-Boilerplate

Repository files navigation

Minimal Electron, React and Webpack boilerplate with TailwindCSS

This is an extended version of Minimal Electron, React and Webpack boilerplate

Please check Minimal Electron, React and Webpack boilerplate for details. All credit goes to Alex Devero for awesome work.

Install

Clone this repo

git clone https://github.com/Sanan4li/React-Electron-TailwindCSS-Boilerplate.git

Install dependencies

npm install

or

yarn install

Usage

Run the app

npm run start

or

yarn start

Build CSS

npm run build-css

Add Custom Styles

Adding Custom Styles by adding styles into src/styles/index.css.

JIT Mode (Just In Time Mode)

As you know TailwindCSS 2.2 version supports JIT mode. You can enable it by uncommenting the line # 2 in tailwind.config.js. After enabling JIT mode you have to run a separate terminal

Use JIT Mode

npm run watch-css

This command will run a watcher waiting for you to change code and it will build css classes based on your code.