Merge pull request #67 from Oksydan/new-webpackconfig

New webpack config

Author: SZCZUPAK Valentin

.gitignore

@@ -1,2 +1,3 @@
 node_modules
 assets
+.env

package-lock.json

@@ -4,8 +4,10 @@
   "description": "Tools to help while developing the Classic theme",
   "main": "index.js",
   "scripts": {
-    "build": "NODE_ENV=production webpack --progress --colors --debug --display-chunks",
-    "watch": "webpack --progress --colors --debug --display-chunks --watch",
+    "build-analyze": "webpack --progress --mode=production --analyze",
+    "build": "webpack --progress --mode=production",
+    "watch": "npm run dev",
+    "dev": "webpack serve --progress --mode=development",
     "scss-lint": "stylelint \"**/*.scss\" --formatter verbose",
     "scss-fix": "stylelint \"**/*.scss\" --fix",
     "lint": "eslint -c .eslintrc.js --ext .js,.vue ./js",
@@ -14,48 +16,47 @@
   "author": "PrestaShop",
   "license": "AFL-3.0",
   "devDependencies": {
-    "@babel/core": "^7.14.5",
-    "@types/jquery": "^3.5.6",
-    "@types/swiper": "^5.4.2",
     "autoprefixer": "^6.7.7",
-    "babel-eslint": "^10.0.3",
-    "babel-loader": "^8.2.2",
     "bootstrap": "5.0.1",
     "bootstrap-touchspin": "^4.3.0",
     "bourbon": "^7.0.0",
-    "css-loader": "^5.2.5",
+    "css-loader": "^5.2.7",
+    "css-minimizer-webpack-plugin": "^3.1.1",
+    "dotenv": "^10.0.0",
+    "esbuild-loader": "^2.16.0",
     "eslint": "^6.8.0",
     "eslint-config-airbnb-base": "^14.0.0",
     "eslint-config-prestashop": "0.1.0",
     "eslint-import-resolver-webpack": "^0.12.1",
     "eslint-plugin-html": "^6.0.0",
     "eslint-plugin-import": "^2.20.0",
-    "expose-loader": "^0.7.5",
+    "expose-loader": "^3.0.0",
     "file-loader": "^6.2.0",
-    "flexibility": "^1.0.5",
-    "jquery": "^3.5.1",
-    "jquery-touchswipe": "^1.6",
-    "jquery.browser": "^0.1.0",
-    "manrope": "^2.0.0",
-    "material-design-icons-iconfont": "^5.0.1",
-    "mini-css-extract-plugin": "^1.6.0",
-    "node-sass": "^5.0.0",
-    "postcss-flexibility": "^1.0.2",
-    "postcss-loader": "^3.0.0",
+    "fork-ts-checker-webpack-plugin": "^6.3.4",
+    "hot-accept-webpack-plugin": "^2.0.0-beta.7",
+    "mini-css-extract-plugin": "^1.6.2",
+    "node-sass": "^6.0.1",
+    "postcss": "^8.3.9",
+    "postcss-loader": "^6.1.1",
+    "postcss-preset-env": "^6.7.0",
     "sass-loader": "^12.1.0",
-    "style-loader": "^0.14.0",
     "stylelint": "^12.0.0",
     "stylelint-config-prestashop": "^1.0.5",
-    "tether": "^1.1.1",
-    "ts-loader": "^9.2.3",
     "typescript": "^4.3.3",
-    "uglifyjs-webpack-plugin": "^2.2.0",
-    "velocity-animate": "^1.2.3",
-    "webpack": "^5.36.2",
-    "webpack-cli": "^3.3.10",
+    "webpack": "^5.58.1",
+    "webpack-bundle-analyzer": "^4.4.2",
+    "webpack-cli": "^4.9.0",
+    "webpack-dev-server": "^4.3.1",
+    "webpack-merge": "^5.8.0",
     "webpack-sources": "^0.1.0"
   },
   "dependencies": {
-    "@popperjs/core": "^2.9.2"
+    "@popperjs/core": "^2.9.2",
+    "@types/jquery": "^3.5.6",
+    "jquery": "^3.5.1",
+    "jquery-touchswipe": "^1.6",
+    "jquery.browser": "^0.1.0",
+    "manrope": "^2.0.0",
+    "material-design-icons-iconfont": "^5.0.1"
   }
 }

package.json

@@ -23,7 +23,6 @@
  * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
  */
 /* eslint-disable */
-import 'expose-loader?Tether!tether';
 import 'bootstrap/dist/js/bootstrap.min';
 import prestashop from 'prestashop';
 import EventEmitter from 'events';