print

2025-07-21 18:39:34 +02:00
parent a306c77209
commit 4142bc7b75
18 changed files with 1824 additions and 582 deletions
@@ -1,41 +1,32 @@
-const webpack = require("webpack");
 const path = require("path");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");

-let config = {
-    mode: 'development',
-    entry: [
-        "./scripts/main.js",
-        "./scripts/extlink.js",
-        "./scss/styles.scss",
-
-    ],
-    
-    output: {
-        path: path.resolve(__dirname, "./dist/assets"),
-        filename: "./bundle.js"
-    },
-
-    module: {
-        rules: [
-            {
-                test: /\.scss$/i,
-                use: [
-                    {
-                        loader: 'file-loader',
-                        options: {
-                            name: './css/bundle.css',
-                        }
-                    },
-                    // Compile le Sass en CSS
-                    "sass-loader"
-                ],
-            },
+module.exports = {
+  mode: "development",
+  entry: {
+    bundle: "./scss/styles.scss",       // Pour l'affichage normal
+    print: "./scss/print.scss",         // Feuille de style print séparée
+    scripts: ["./scripts/main.js", "./scripts/extlink.js"]
+  },
+  output: {
+    path: path.resolve(__dirname, "./dist/assets"),
+    filename: "js/[name].js", // produit scripts.js
+  },
+  module: {
+    rules: [
+      {
+        test: /\.scss$/i,
+        use: [
+          MiniCssExtractPlugin.loader,
+          "css-loader",
+          "sass-loader"
        ],
-    }
-}
-
-
-
-
-
-module.exports = config;
+      },
+    ],
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: "css/[name].css", // donne bundle.css et print.css
+    }),
+  ],
+};