text: const path = require('path')
  const VueLoaderPlugin = require('vue-loader/lib/plugin')
  const HtmlWebpackPlugin = require('html-webpack-plugin')
  module.exports = {
      mode: 'development',
      entry: './src/main.js',
      output: {
          filename: 'bundle.js',
          path: path.resolve(__dirname, '../dist'),
      },
      resolve: {
          extensions: ['.vue', '.js', '.json'],
          alias: {
              'src': path.resolve(__dirname, '../src/'),
              '_var.scss': path.resolve(__dirname, '../src/styles/_var.scss')
          }
      },
      devServer: {
          port: 3000,
          progress: true,
          open: true,
          contentBase: './dist',
          compress: true
      },
      module: {
          rules: [
              {
                  test: /\.(vue|js)$/,
                  use: 'eslint-loader',
                  enforce: 'pre',
                  exclude: /node_modules/
              },
              {
                  test: /\.vue$/,
                  use: 'vue-loader'
              },
              {
                  test: /\.js$/,
                  use: {
                      loader: 'babel-loader',
                      options: {
                          presets: [
                              '@babel/preset-env'
                          ],
                          plugins: [
                              '@babel/plugin-proposal-class-properties',
                              '@babel/plugin-transform-runtime'
                          ]
                          
                      }
                  },
                  exclude: /node_modules/
              },
              {
                  test: /\.css$/,
                  use: [
                      'vue-style-loader',
                      'css-loader',
                  ]
              },
              {
                  test: /\.s(c|a)ss$/,
                  use: [
                      'vue-style-loader',
                      'css-loader',
                      'sass-loader'
                  ]
              }
          ]
      },
      plugins: [
          new VueLoaderPlugin(),
          new HtmlWebpackPlugin({
              template: './index.html',
              filename: 'index.html'
          })
      ]
  }