Vexel – Premium Bootstrap-5 Admin Template

Vexel comes with power of Esbuild

  • Esbuild:

    esbuild is a blazing-fast JavaScript bundler and minifier designed for modern web development workflows. It is known for its exceptional speed, minimal configuration, and powerful features. Check here.

Prerequisites

Please follow below steps to install and setup all pre requisites:

  • Nodejs

    Make sure to have the Node.js installed & running in your computer. If you have already installed nodejs on your computer, you can skip this step, otherwise install nodejs on your computer,

    Note : If you are using the latest version of Node JS or want to install and use the latest version, click here

  • Esbuild

    To get started with esbuild, you need to install globally on your system. You can install it using npm by running the following command npm install -g esbuild or npm install --save-dev esbuild from your terminal.

Installation

To setup, follow below mentioned steps:

  • Install Prerequisites

    Make sure to have all above pre requisites installed & running in your computer

  • Install Dependencies

    Open your terminal, go to your folder and enter the command npm install. This would install all required dependencies in node_modules folder.

  • Install Dev Dependencies

    npm i esbuild --save-dev

    npm i esbuild-sass-plugin --save-dev

    npm i postcss --save-dev

    npm i autoprefixer --save-dev

    npm i fs-extra --save-dev

    npm i path --save-dev

    npm i browser-sync --save-dev

    npm i chokidar --save-dev

After you finished with the above steps, you can run the following commands into the terminal/command prompt from the root directory ( Vexel/Html ) of the project to run the project locally or build for production use: npm run dev

Note:- please ensure that you have installed all node_modules requried to run Esbuild tasks .

Esbuild Commands
Command Description
npm run dev npm run dev command is used to generate dist/ directory. Esbuild runs the project locally, starts the development server and watches for any changes you made in src folder, including your HTML, Javascript, SCSS, etc. What ever changes you made in src folder it automatically changed in dist files.