node fix packages + remove from git public static assets (moved into resource)

.gitignore

@@ -4,6 +4,8 @@
 /public/images
 /public/css
 /public/js
+/public/mix-manifest.json
+/public/loue
 storage
 /vendor
 .idea/

package.json

@@ -1,26 +1,28 @@
 {
     "private": true,
     "scripts": {
+        "development": "mix",
         "dev": "npm run development",
-        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "watch": "npm run development -- --watch",
-        "watch-poll": "npm run watch -- --watch-poll",
-        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "prod": "npm run production",
-        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+        "watch": "mix watch",
+        "watch-poll": "mix watch -- --watch-options-poll=1000",
+        "hot": "mix watch --hot",
+        "production": "mix --production",
+        "prod": "npm run production"
     },
     "devDependencies": {
-        "axios": "^0.19",
+        "axios": "^0.26.0",
         "bootstrap": "^4.0.0",
-        "cross-env": "^5.2.1",
-        "jquery": "^3.2",
-        "laravel-mix": "^4.0.7",
+        "clean-webpack-plugin": "^4.0.0",
+        "jquery": "^3.6.0",
+        "laravel-mix": "^6.0.43",
+        "laravel-mix-clean": "^0.1.0",
+        "laravel-mix-polyfill": "^3.0.1",
         "lodash": "^4.17.13",
         "popper.js": "^1.12",
-        "resolve-url-loader": "^2.3.1",
-        "sass": "^1.20.1",
-        "sass-loader": "7.*",
-        "vue": "^2.5.17",
-        "vue-template-compiler": "^2.6.10"
+        "resolve-url-loader": "^5.0.0",
+        "sass": "1.32.13",
+        "sass-loader": "^8.0.2",
+        "vue": "^2.6.14",
+        "vue-template-compiler": "^2.6.14"
     }
 }

public/mix-manifest.json

@@ -1,5 +0,0 @@
-{
-    "/js/app.js": "/js/app.js",
-    "/css/app.css": "/css/app.css",
-    "/loue/css/app.css": "/loue/css/app.css"
-}

webpack.mix.js

@@ -1,25 +1,61 @@
+const path = require('path');
 const mix = require('laravel-mix');
 
-/*
- |--------------------------------------------------------------------------
- | Mix Asset Management
- |--------------------------------------------------------------------------
- |
- | Mix provides a clean, fluent API for defining some Webpack build steps
- | for your Laravel application. By default, we are compiling the Sass
- | file for the application as well as bundling up all the JS files.
- |
- */
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+require('laravel-mix-polyfill');
+require('laravel-mix-clean');
 
-/*
-BO
- */
+let assetDir = 'assets';
+let polyfill = {
+    enabled: true,
+    useBuiltIns: "usage",
+    // legacy targets from gulp file
+    targets: ['last 3 version', 'safari 5', 'ie 8', 'opera 12.1', 'ios 6', 'android 4']
+};
+
+mix.webpackConfig({
+    resolve: {
+        alias: {
+            '@': path.resolve('resources/assets')
+        }
+    },
+    // Pour debug compilation errors
+    // stats: {
+    //     children: true,
+    //     warningsFilter: [
+    //         /\-\-underline\-color/,
+    //     ]
+    // },
+});
+
+mix.options({
+    fileLoaderDirs: {
+        // fonts: `${assetDir}/fonts`,
+        // images: `${assetDir}/images`
+    },
+    postCss: [
+        require('postcss-discard-comments')({
+            removeAll: true
+        })
+    ],
+});
+
+mix.clean({
+    cleanOnceBeforeBuildPatterns: [
+        'css/*',
+        'js/*',
+        'assets/*',
+        'loue/*',
+    ]
+});
+
+// * BO
 mix.js('resources/js/app.js', 'public/js')
-   .sass('resources/sass/app.scss', 'public/css');
+    .sass('resources/sass/app.scss', 'public/css')
+    .polyfill(polyfill);
 
-/*
-THEME LOUE
- */
-mix.sass('resources/themes/loue/css/app.scss', 'public/loue/css');
+// * THEME LOUE
+mix.sass('resources/themes/loue/css/app.scss', 'public/loue/css')
+    .polyfill(polyfill);
 mix.copy('resources/themes/loue/img', 'public/loue/img');
 mix.copy('resources/themes/loue/fonts', 'public/loue/fonts');