jeanm38 / pacman-js Goto Github PK

• Migrer ce projet fonctionnel executable sur un navigateur en un projet node.

• Identifier les principaux éléments du projet et en établir une structure (rétro-ingénerie). Utiliser les fonction import et export de node afin d'effectuer cette réorganisation.

• Choix d'un bundler

• Configuration

• Initialisation de npm $ npm init -y

• Installation des paquets nécéssaires :

  • webpack
  • webpack-cli
  • css-loader
  • sass
  • sass-loader
  • style-loader

• Configuration de webpack

  • Choix du point d'entrée (fichier racine js)
  • Mise en place des loaders Sass

• Organisation fichiers js

• Analyse des différents fichiers (variables, classes, fonctions, etc..)

• Création d'un dossier contenant les différentes classes, à savoir :

  • Character
  • Ghost - hérite de Character
  • Pacman - hérite de Character

• Les différentes fonctions seront repertoriées dans un fichier, le développeur n'aura plus qu'a importer les fonctions qu'ils désirent dans ses différents scripts, par exemple:

import { gameOver } from './functions';

I choosed webpack because I'm used to work with it, it is open source, and it allows us to work with js modules components and a huge amount of libraries. Webpack configuration is pretty simple to understand and to implement.

Webpack gives me the opportunity to make a build and deploy my app aon Netlify at this adress:

https://pacman-jm.netlify.app/

Jean MIONNET 🙂💻