Getting Started

Installation

The steps below provide a guide for building JavaScript, CSS, fonts and vendor assets using Webpack .

1

Download

Download the latest Metronic from Themeforest .
2

Install Node.js

Install the latest LTS version of Node.js .
3

Launch Terminal

Start a command prompt window or terminal and change directory to the package's root directory.
				
					cd metronic-html-tailwind

				
			
4

Install NPM

Install the latest NPM .
				
					npm install --global npm@latest

				
			

Run npm cache clean --force command, if the installation had failed at any step. Retry again from beginning once its done.

5

Install Dependencies

Install Metronic dependencies defined in packages.json .
				
					npm install

				
			
6

Build

Run the below command to build all assets(JavaScript, CSS, fonts, vendors) into dist/assets directory.
				
					npm run build

				
			
7

Build JavaScript

Run the below command to build JavaScript files into dist/assets/js directory.
				
					npm run build:js

				
			
8

Build CSS

Run the below command to build CSS files into dist/assets/css directory.
				
					npm run build:css

				
			
9

Watch CSS

Run the below command to watch CSS file changes to autocompile on fly into dist/assets/css directory.
				
					npm run build:css:watch

				
			
10

Build for Production

Run the following command to build production-ready assets(JavaScript, CSS, fonts, vendors) into dist/assets directory. This process ensures that JavaScript and CSS files are minified, optimizing them for enhanced performance.
				
					npm run build:prod

				
			

On This Page

Download
Install Node.js
Launch Terminal
Install NPM
Install Dependencies
Build
Build JavaScript
Build CSS
Watch CSS
Build for Production