Set up webpack for locally run the website

[MeastroZI]

Description:

Implemented webpack configuration for local development and bundling.

Purpose:

To allow the website to run locally and improve the local development environment by configuring webpack for SCSS bundling, import resolution, and output management

[MeastroZI]

@jviotti I am confused about what to do for the failure of "make www"

[jviotti]

Its a linter error:

  /home/runner/work/alterschema/alterschema/www/app.js:8:1: Import in body of module; reorder to top. (import/first)

[MeastroZI]

Make www is running fine locally

The issue was that, when we run 'make www', as it calls webpack.js which have its own entry point, leading to a conflict with the webpack.config.js file. To address this, I've updated the makefile to directly run the webpack command for building, which handles HTML, JS, and CSS files, while the makefile handles the remaining PNG files. Additionally, I've added the serve command for locally run the website.

but i dont know why it getting error in checks 😢

[MeastroZI]

May be error is related to the incompatibility of the some webpack dev dependencies on node 16 ( Version in which CI is run) ?

[jviotti]

I commented on some of the changes that look off. Hopefully that helps, as I'm not a web developer and have very limited Webpack knowledge besides the simple setup I had on this repo

[MeastroZI]

dev_Entry.js is the entry file for webpack.config.dev.js. I did this to avoid conflicts with 'make www' command and ensure that 'make www' remains untouched.

[MeastroZI]

@jviotti, I hope this is okay now. If there are any other changes, please let me know. I learn many good practices from this PR , and I'm really really sorry for this mess !!

[jviotti]

Any time! Looking better already

[jviotti]

I left one remaining comment but other than that works great 👍

[jviotti]

Awesome!