#### Getting Started

SciFi 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 ( SciFi/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.