Add files in webpack

Author: leanormandon

template.xml

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<template xmlns="http://thelia.net/schema/dic/template"
+        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:schemaLocation="http://thelia.net/schema/dic/template http://thelia.net/schema/dic/template/template-1_0.xsd">
+    <descriptive locale="fr">
+        <title>Template front office Flexy</title>
+    </descriptive>
+    <descriptive locale="en">
+        <title>Flexy front office template</title>
+    </descriptive>
+    <languages>
+        <language>ar_SA</language>
+        <language>cs_CZ</language>
+        <language>de_DE</language>
+        <language>el_GR</language>
+        <language>en_US</language>
+        <language>es_ES</language>
+        <language>fa_IR</language>
+        <language>fr_FR</language>
+        <language>hu_HU</language>
+        <language>id_ID</language>
+        <language>it_IT</language>
+        <language>nl_NL</language>
+        <language>pl_PL</language>
+        <language>pt_BR</language>
+        <language>pt_PT</language>
+        <language>ru_RU</language>
+        <language>sk_SK</language>
+        <language>tr_TR</language>
+        <language>uk_UA</language>
+    </languages>
+    <version>1.0.0</version>
+    <authors>
+        <author>
+            <name>Thelia team</name>
+            <company>thelia.net</company>
+            <email>contact@thelia.net</email>
+            <website>thelia.net</website>
+        </author>
+    </authors>
+    <thelia>2.5.4</thelia>
+    <stability>prod</stability>
+    <assets>dist</assets>
+    <components>components</components>
+</template>

webpack.config.js

@@ -67,6 +67,8 @@ Encore
   })
 
 
+
+
 // enables Sass/SCSS support
 //.enableSassLoader()
 
@@ -83,6 +85,28 @@ Encore
 // uncomment if you're having problems with a jQuery plugin
 //.autoProvidejQuery()
 ;
+
+
+
+// IMAGES CONFIG
+Encore.copyFiles({
+  from: './assets/images',
+  to: 'images/[path][name].[ext]',
+  pattern: /\.(png|jpg|jpeg|gif|svg|webp)$/
+});
+
+Encore.configureImageRule({ type: 'javascript/auto' }, (loaderRule) => {
+  loaderRule.test = /\.(png|jpg|jpeg|gif|ico|webp)$/;
+  loaderRule.oneOf = [
+    { resourceQuery: /copy-files-loader/, type: 'javascript/auto' },
+    {
+      type: 'asset/resource',
+      generator: { filename: 'images/[name].[hash:8][ext]' },
+      parser: {}
+    }
+  ];
+});
+
 // CSS CONFIG
 Encore.enablePostCssLoader();