Конфигурация Webpack

.gitignore

@@ -12,3 +12,4 @@ Thumbs.db
 node_modules/
 
 # Собранные файлы (допишите самостоятельно)
+build/

babel.config.json

@@ -0,0 +1,5 @@
+{
+  "presets": [
+    "@babel/preset-env"
+  ]
+}

package.json

@@ -4,6 +4,8 @@
   "private": true,
   "description": "Проект «Большое путешествие (простой)» от HTML Academy",
   "scripts": {
+    "start": "webpack serve --mode development --open",
+    "build": "webpack --mode production",
     "lint": "eslint src/"
   },
   "devDependencies": {
@@ -26,5 +28,12 @@
     "dayjs": "1.11.3",
     "flatpickr": "4.6.13",
     "he": "1.2.0"
-  }
+  },
+  "browserslist": [
+    "last 2 versions",
+    "not dead",
+    "not IE <= 11",
+    "not op_mini all",
+    "not < 0.25%"
+  ]
 }

webpack.config.js

@@ -0,0 +1,35 @@
+// path — встроенный в Node.js модуль
+const path = require('path')
+const CopyPlugin = require("copy-webpack-plugin");
+
+module.exports = {
+  // Указываем путь до входной точки:
+  entry: './src/main.js',
+  // Генерация sourcemap
+  devtool: 'source-map',
+  // Описываем, куда следует поместить результат работы:
+  output: {
+    // Путь до директории (важно использовать path.resolve):
+    path: path.resolve(__dirname, 'build'),
+    // Имя файла со сборкой:
+    filename: 'bundle.js',
+    // Опция очистки директории для сборки перед новой сборкой
+    clean: true,
+  },
+  plugins: [
+    new CopyPlugin({
+      patterns: [
+        { from: `${path.resolve(__dirname, 'public')}`, to: `${path.resolve(__dirname, 'build')}` },
+      ],
+    }),
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /(node_modules)/,
+        use: ['babel-loader']
+      }
+    ]
+  }
+}