This template is used for creating simple custom web packages. Used for generating bundles for css and js. Includes Remixicons along with TailwindCSS.
Install dependencies:
npm install
Run the development server and start modifying index.html
or src/
files:
npm start
This will:
- Watch for Tailwind CSS changes in
src/style.css
- Watch and bundle JavaScript from
src/script.js
- Start a live server with hot reload
- Open your browser at
http://localhost:8080
├── src/
│ ├── style.css
│ └── script.js
├── dist/
│ ├── script.js
│ ├── script.min.js
│ ├── style.css
│ └── style.min.css
├── index.html
├── tailwind.config.js
└── package.json
- Tailwind classes use the
tw-
prefix - Add/modify Tailwind configurations in
tailwind.config.js
- Custom styles should be added to
src/style.css
Build the minified production assets:
npm run build
This creates:
dist/script.min.js
(minified JavaScript bundle)dist/style.min.css
(minified CSS)
npm start
- Start development server with hot reloadnpm run dev
- Run live server onlynpm run watch
- Watch for CSS changesnpm run watch:js
- Watch for JavaScript changesnpm run build
- Build production assetsnpm run build:js
- Build JavaScript onlynpm run build:css
- Build CSS onlynpm run build:min
- Minify CSS