clear
cd /var/www/vhosts/monsupersite.fr/

npm i --save-dev sass-loader node-sass css-loader style-loader autoprefixer postcss-loader

npm init -y


npm install --save-dev optimize-plugin   /// il compile le code plus rapidement, mieux et plus petit
npm install terser-webpack-plugin --save-dev    //// Une boîte à outils de compression/manipulation JavaScript pour ES6+.


chmod 777  package.json

----

npm run watch
npm run build



                              

  "dependencies": {
    "abbrev": "^1.1.1",
    "acorn": "^8.14.1",
    "agent-base": "^6.0.2",
    "agentkeepalive": "^4.6.0",
    "aggregate-error": "^3.1.0",
    "ajv": "^8.17.1",
    "ajv-formats": "^2.1.1",
    "ajv-keywords": "^5.1.0",
    "ansi-regex": "^5.0.1",
    "ansi-styles": "^4.3.0",
    "aproba": "^2.0.0",
    ....
    ....



  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "watch": "webpack --watch --mode development",
    "build": "webpack --watch --mode production"
  },
"main": "webpack.config.js",

 
'use strict'
const path = require('path');
const OptimizePlugin = require('optimize-plugin');
const TerserPlugin = require('terser-webpack-plugin');
// const CopyWebpackPlugin = require("copy-webpack-plugin");

module.exports = {
 mode: 'production',
 plugins: [new OptimizePlugin()],
 entry: {
     Script        : './src/js/Script.js',
 },
 output: {
    path: path.resolve(__dirname,'httpdocs','assets','js'),
    filename: '[name].min.js',
    clean: true,
    publicPath: '/'
},
optimization: {
   minimizer: [new TerserPlugin()],
   minimize: true // Active la minification
},
plugins: [
],
externals: {

},  
module: {
},
};