text: const HTMLWebpackPlugin = require('html-webpack-plugin');
  
  module.exports = {
      entry: './src/js/app.js',
      output: {
          path: `${__dirname}/docs`,
          filename: 'bundle.js'
      },
      watch: false,
      mode: "development",
      devtool: "source-map",
      module: {
          rules: [
              {
                  test: /\.m?js$/,
                  exclude: /(node_modules|bower_components)/,
                  use: {
                      loader: 'babel-loader',
                      options: {
                          presets: ['@babel/preset-env']
                      }
                  }
              },
              {
                  test:/\.css$/,
                  use:['style-loader','css-loader']
              },
              {
                  test:/\.html$/,
                  use: ['html-loader']
              },
              {
                  test: /\.(png|svg|jpg|gif)$/,
                  use: {
                      loader: 'file-loader',
                      options: {
                          name: '[name].[ext]',
                          outputPath: 'imgs/',
                          publicPath: 'imgs/',
                          esModule: false,
                      }
                  }
              }
          ]
      },
      plugins: [
          new HTMLWebpackPlugin({
              template: 'src/index.html'
          })
      ]
  }