text: const path = require('path');
  const webpack = require('webpack');
  
  module.exports = {
    mode: 'development',
    entry: [
      './index.js',
    ],
    output: {
      filename: 'bundle.js',
      path: path.resolve(__dirname, 'dist'),
    },
    resolve: {
      alias: {
        vue$: 'vue/dist/vue.runtime.esm.js',
      },
    },
    module: {
      rules: [
        {
          test: /\.vue$/,
          loader: 'vue-loader',
          include: [
            path.resolve(__dirname, 'components'),
            path.resolve(__dirname, 'views'),
          ],
        },
        {
          test: /\.js$/,
          include: [
            path.resolve(__dirname, 'js'),
            path.resolve(__dirname, 'js/fragments'),
          ],
          loader: 'babel-loader',
        },
        {
          test: /\.(html)$/,
          include: [
            path.resolve(__dirname, 'html'),
          ],
          use: [
            {
              loader: 'file-loader',
              options: {
                name: '[name].[ext]',
              },
            },
          ],
        },
        {
          test: /\.(scss)$/,
          use: [{
            loader: 'style-loader', // inject CSS to page
          }, {
            loader: 'css-loader', // translates CSS into CommonJS modules
          }, {
            loader: 'postcss-loader', // Run post css actions
            options: {
              plugins: function () { // post css plugins, can be exported to postcss.config.js
                return [
                  require('precss'),
                  require('autoprefixer')
                ];
              }
            }
          }, {
            loader: 'sass-loader' // compiles Sass to CSS
          }]
        },
      ],
    },
    plugins: [
      new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery',
      }),
    ],
    devtool: 'source-map',
  };
  