text: const path = require('path');
  const HTMLWebpackPlugin = require('html-webpack-plugin');
  
  module.exports = {
    entry: './js/app.js',
    output: {
      path: __dirname + '/dist',
      filename: 'bundle.js'
    },
  
    devServer: {
      contentBase: [
        path.join(__dirname, 'dist'), 
        path.join(__dirname, 'public'),
        path.join(__dirname, 'js/vendor'),
      ],
      compress: true,
      port: 9000
    },
  
    plugins: [
      new HTMLWebpackPlugin({
        template: path.resolve(__dirname, 'index.html'),
      }),
    ],
  
  
    module: {
      rules: [
        {
          test: /\.js$/,
          exclude: /(node_modules|bower_components)/,
          use: {
            loader: 'babel-loader',
            options: {
              presets: ['es2015', 'react-app/prod']
            }
          }  
        },
        {
          test: /\.css$/,
          loaders: [
            'style-loader',
            'css-loader'
          ]
        },
        {
          test: /\.s[ac]ss$/i,
          use: [
            // Creates `style` nodes from JS strings
            'style-loader',
            // Translates CSS into CommonJS
            'css-loader',
            // Compiles Sass to CSS
            'sass-loader',
          ],
        },
        {
          test: /.(png|jp(e*)g|gif|svg)$/i,
          use: [
            {
              loader: 'url-loader',
              options: {
                // images < 8kb are converted to base64 strings and inlined in the code
                // images > 8kb are passed to the file-loader with options to process
                limit: 0,
                name: 'img/[name].[ext]',
              },
            },
          ],
        },
        {
          test: /\.(woff(2)?|ttf|eot)(\?v=\d+\.\d+\.\d+)?$/,
          use: [
            {
              loader: 'file-loader',
              options: {
                name: '[name].[ext]',
                outputPath: 'fonts/',
              },
            },
          ],
        },
      ]
    },
  
    resolve: {
      alias: {
        "animation.gsap": path.resolve('node_modules', 'scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js'),
      }
    }
    
  }