Fin partie C3

c11cfdde · Aubrian Duhayon · 37e0d9af · c11cfdde · c11cfdde · c11cfdde
Commit c11cfdde authored 4 years ago by Aubrian Duhayon
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
 	<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
@@ -5,8 +5,8 @@
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "babel src -d build",
+    "build": "webpack --mode=production",
-    "watch": "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",
@@ -16,6 +16,9 @@
    "@babel/core": "^7.12.10",
    "@babel/plugin-proposal-class-properties": "^7.12.1",
    "@babel/preset-env": "^7.12.11",
-    "prettier": "^2.2.1"
+    "babel-loader": "^8.2.2",
+    "prettier": "^2.2.1",
+    "webpack": "^5.19.0",
+    "webpack-cli": "^4.4.0"
  }
 }
--- 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: 'source-map',
+};