text: const path = require('path')
  const webpack = require('webpack')
  const HtmlWebpackPlugin = require('html-webpack-plugin')
  const Dotenv = require('dotenv-webpack')
  
  module.exports = {
      entry: './src/app.js',
      output: {
          filename: 'bundle.js',
          path: path.resolve('dist'),
          publicPath: '/'
      },
      module: {
          rules: [{
                  test: /\.js$/,
                  loader: 'babel-loader',
                  exclude: /node_modules/
              },
              {
                  test: /\.css$/,
                  loader: ['style-loader', 'css-loader']
              },
              {
                  test: /\.s(a|c)ss$/,
                  loader: ['style-loader', 'css-loader', 'sass-loader']
              }
          ]
      },
      devServer: {
          contentBase: path.resolve('src'),
          hot: true,
          open: true,
          port: 4000,
          watchContentBase: true,
          historyApiFallback: true
      },
      plugins: [
          new webpack.HotModuleReplacementPlugin(),
          new HtmlWebpackPlugin({
              template: 'src/index.html',
              filename: 'index.html',
              inject: 'body'
          }),
          new Dotenv()
      ]
  }