'use strict'

const path = require('path')
// const webpack = require('webpack')
const ExtractTextPlugin = require('extract-text-webpack-plugin')

const outputDir = path.resolve(__dirname, 'public')

module.exports = {
  mode: 'development',

  entry: './src/index.jsx',

  resolve: {
    extensions: ['.js', '.jsx', '.mjs', '.json'],
  },

  output: {
    path: outputDir,

    filename: 'js/bundle.js',
  },

  module: {
    rules: [{
      test: /\.css$/,
      use: ExtractTextPlugin.extract({
        fallback: 'style-loader',
        use: [ {
          loader: 'css-loader',
          options: { importLoaders: 1 },
        }, 'postcss-loader' ],
      }),
    }, {
      test: /\.(mjs|js|jsx)$/,
      exclude: /node_modules/,
      use: {
        loader: 'babel-loader',
      },
    }],
  },

  plugins: [
    new ExtractTextPlugin({
      filename: 'css/bundle.css',
      allChunks: true,
    }),
  ],
}