correction

95910df7 · Victor Mougel · 4d7b19ba · 95910df7 · 95910df7 · 95910df7
Commit 95910df7 authored 3 years ago by Victor Mougel
--- a/dist/main.js
+++ b/dist/main.js
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	
+/******/ 	
+/******/ })()
+;
\ No newline at end of file
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
 	<link rel="stylesheet" href="css/news.css">
 	<link rel="stylesheet" href="css/pizzaList.css">
 	<link rel="stylesheet" href="css/footer.css">
-	<script type="module" src="build/main.js"></script>
+	<script src="build/main.bundle.js" defer></script>
 </head>
 <body>
 	<header>

--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -2,11 +2,11 @@
  "name": "pizzaland",
  "version": "1.0.0",
  "description": "",
-  "main": "index.js",
+  "main": "main.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "babel src -d build",
+    "build": "webpack --mode=production",
-    "auto": "babel src -d build --verbose --watch --source-maps"
+    "watch": "webpack --mode=development --watch"
  },
  "author": "Thomas Fritsch <thomas.fritsch@univ-lille.fr> (https://gitlab.univ-lille.fr/thomas.fritsch)",
  "homepage": "https://gitlab.univ-lille.fr/js",
@@ -15,6 +15,9 @@
    "@babel/cli": "^7.16.8",
    "@babel/core": "^7.16.12",
    "@babel/preset-env": "^7.16.11",
-    "prettier": "^2.5.1"
+    "babel-loader": "^8.2.3",
+    "prettier": "^2.5.1",
+    "webpack": "^5.68.0",
+    "webpack-cli": "^4.9.2"
  }
 }
--- a/src/components/Component.js
+++ b/src/components/Component.js
 export class Component {
  tagName;
  children;
+  attribute;
  constructor(tagName, attribute, children) {
    this.tagName = tagName;

--- a/src/components/Img.js
+++ b/src/components/Img.js
-export class Img {
+import { Component } from "./Component.js";
-  src;
-  constructor(src) {
-    this.src = src;
-  }
-  render() {
+export class Img extends Component {
-    return `<img src=${this.src}/>`;
+  constructor(src) {
+    super("img", { name: "src", value: src }, null);
  }
 }
--- a/webpack.config.js
+++ b/webpack.config.js
+const path = require("path");
+module.exports = {
+  // Fichier d'entrée :
+  entry: "./src/main.js",
+  // Fichier de sortie :
+  output: {
+    path: path.resolve(__dirname, "./build"),
+    filename: "main.bundle.js",
+  },
+  // compatibilité anciens navigateurs (si besoin du support de IE11 ou android 4.4)
+  target: ["web", "es5"],
+  // connexion webpack <-> babel :
+  module: {
+    rules: [
+      {
+        test: /\.js$/, // tous les fichiers js ...
+        exclude: /node_modules/, // ... sauf le dossier node_modules ...
+        use: {
+          // ... seront compilés par babel !
+          loader: "babel-loader",
+        },
+      },
+    ],
+  },
+  devtool: "cheap-source-map",
+};