weppack

web/themes/custom/eql/package.json

@@ -4,7 +4,8 @@
   "main": "index.js",
   "scripts": {
     "sass": "node-sass -w scss -o css-compiled",
-    "prefix": "postcss ./css-compiled/styles.css --use autoprefixer -d ./css-prefixed/"
+    "prefix": "postcss ./css-compiled/styles.css --use autoprefixer -d ./css-prefixed/",
+    "watch": "webpack --watch"
   },
   "repository": {
     "type": "git",
@@ -13,12 +14,18 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "node-sass": "*"
+    "file-loader": "^6.2.0",
+    "node-sass": "*",
+    "sass": "^1.77.2",
+    "sass-loader": "^14.2.1",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4"
   },
   "browserslist": "last 4 versions",
   "dependencies": {
     "nodejs": "^0.0.0",
     "slick-carousel": "^1.8.1"
   },
+  "keywords": [],
   "description": ""
 }

web/themes/custom/eql/webpack.config.js

@@ -0,0 +1,41 @@
+const webpack = require("webpack");
+const path = require("path");
+
+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 = config;