text: const HtmlWebpackPlugin = require('html-webpack-plugin') //installed via npm
  const webpack = require('webpack') //to access built-in plugins
  const path = require('path')
  
  const config = {
    devtool: 'inline-cheap-source-map',
    entry: './src/app.js',
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: './bundle.js'
    },
    resolve: {
      modules: ['.', 'node_modules']
    },
    module: {
      rules: [
        { test: /\.(png|woff|woff2|eot|ttf|svg)$/, loader: 'url-loader?limit=100000' },
        {
          test: /\.js$/,
          exclude: /(node_modules)/,
          use: {
            loader: 'babel-loader',
            options: {
              presets: ['@babel/preset-env', '@babel/react'],
              plugins: ['transform-class-properties']
            }
          }
        },
        {
          test: /\.scss$/,
          use: [{
            loader: 'style-loader' // creates style nodes from JS strings
          }, {
            loader: 'css-loader' // translates CSS into CommonJS
          }, {
            loader: 'sass-loader' // compiles Sass to CSS
          }]
        }
      ]
    },
    plugins: [
      new HtmlWebpackPlugin({ template: './src/index.html' })
    ]
  }
  
  module.exports = config