text: const path = require("path");
  const HtmlWebpackPlugin = require("html-webpack-plugin");
  
  module.exports = {
      entry: path.resolve(__dirname, "src", "index.js"),
      output: {
          path: path.resolve(__dirname, "dist"),
          filename: "index.js"
      },
      module: {
          rules: [
              {
                  test: /\.(js|jsx)$/,
                  include: path.resolve(__dirname, "src"),
                  loader: 'babel-loader',
                  exclude: /node_modules/,
                  options: {
                      presets: ['@babel/env', "@babel/react"],
                      plugins: [
                          [
                              "@babel/plugin-proposal-class-properties",
                              {
                                  "loose": true
                              }
                          ]
                      ]
  
                  }
              },
              {
                  test: /\.css$/,
                  loader: 'style-loader!css-loader',
              },
          ],
      },
      plugins: [
          new HtmlWebpackPlugin({
              template: path.resolve(__dirname, "src", "index.html")
          })
      ],
      resolve: { //Настройка что бы при импорте не прописывать расширение компонента
          modules: [`${__dirname}/src`, 'node_modules'],
          extensions: ['.js', '.jsx'],
      },
  };