import { resolve } from 'path';
import { CleanWebpackPlugin } from 'clean-webpack-plugin';
import MiniCssExtractPlugin from 'mini-css-extract-plugin';

export default {
  entry: {
    main: ['./src/newsreader/js/index.js', './src/newsreader/scss/index.scss'],
  },
  output: {
    path: resolve(__dirname, 'src', 'newsreader', 'static', 'js'),
    filename: '[name].bundle.js',
  },
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /(node_modules|bower_components)/,
        use: { loader: 'babel-loader' },
      },
      {
        test: /\.(sass|scss)$/,
        use: [{ loader: MiniCssExtractPlugin.loader }, 'css-loader', 'sass-loader'],
      },
    ],
  },
  plugins: [
    new MiniCssExtractPlugin({
      filename: './src/newsreader/static/css/[name].css',
      allChunks: true,
    }),
    new CleanWebpackPlugin(),
  ],
};