text: const path = require('path')
  const Dotenv = require('dotenv-webpack')
  const HtmlWebpackPlugin = require('html-webpack-plugin')
  
  module.exports = {
    entry: path.join(__dirname, 'src', 'index.js'),
    mode: 'development',
    devtool: 'source-map',
    devServer: {
      static: {
        directory: path.join(__dirname, 'dist')
      },
      compress: true,
      port: 3001
    },
    resolve: {
      alias: {
        '@components': path.resolve(__dirname, 'src/components'),
        '@containers': path.resolve(__dirname, 'src/containers'),
        '@config': path.resolve(__dirname, 'src/config'),
        '@pages': path.resolve(__dirname, 'src/pages'),
        '@store': path.resolve(__dirname, 'src/store')
      }
    },
    module: {
      rules: [
        {
          test: /\.?js$/,
          exclude: /node_modules/,
          use: {
            loader: 'babel-loader',
            options: {
              presets: ['@babel/preset-env', '@babel/preset-react']
            }
          }
        },
        {
          test: /\.(css|s?css)$/,
          use: ['style-loader', 'css-loader']
        }
      ]
    },
    plugins: [
      new Dotenv(),
      new HtmlWebpackPlugin({
        template: path.join(__dirname, 'assets', 'index.html')
      })
    ]
  }
  