Vexel comes with power of 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.
Please follow below steps to install and setup all pre requisites:
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
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.
To setup, follow below mentioned steps:
Make sure to have all above pre requisites installed & running in your computer
Open your terminal, go to your folder and enter the command npm install
. This
would install all required dependencies in node_modules
folder.
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 .
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.
|