Update build chain

package.json

@@ -38,7 +38,6 @@
     "@jest/globals": "^29.6.1",
     "babel-jest": "^29.6.1",
     "babel-loader": "^9.1.3",
-    "cross-env": "^7.0.3",
     "css-loader": "^6.8.1",
     "eslint": "^8.44.0",
     "eslint-plugin-jest": "^27.2.2",

webpack.config.js

@@ -2,11 +2,13 @@ const path = require('path');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 
-const nodeEnv = process.env.NODE_ENV || 'development';
+const mode = process.argv.includes('--mode=production') ?
+  'production' : 'development';
 const libraryName = process.env.npm_package_name;
 
+
 module.exports = {
-  mode: nodeEnv,
+  mode: mode,
   resolve: {
     alias: {
       '@services': path.resolve(__dirname, 'src/scripts/services'),
@@ -15,7 +17,7 @@ module.exports = {
     }
   },
   optimization: {
-    minimize: nodeEnv === 'production',
+    minimize: mode === 'production',
     minimizer: [
       new TerserPlugin({
         terserOptions: {
@@ -36,7 +38,8 @@ module.exports = {
   },
   output: {
     filename: `${libraryName}.js`,
-    path: path.resolve(__dirname, 'dist')
+    path: path.resolve(__dirname, 'dist'),
+    clean: true
   },
   target: ['browserslist'],
   module: {
@@ -78,5 +81,5 @@ module.exports = {
   stats: {
     colors: true
   },
-  ...(nodeEnv !== 'production' && { devtool: 'eval-cheap-module-source-map' })
+  ...(mode !== 'production' && { devtool: 'eval-cheap-module-source-map' })
 };