const path = require('path');

const CompressionPlugin = require('compression-webpack-plugin');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');

// Require WebpackAutoInject from npm installed modules ( preferred )
// var WebpackAutoInject = require('webpack-auto-inject-version');
// Require WebpackAutoInject from dist - dev purpose only ( do not use the below line )
const WebpackAutoInject = require('../../../dist/WebpackAutoInjectVersion');

module.exports = (autoInjectConfig) => ({
  watch: true,
  entry: {
    index: ['./src/main.js'],
  },
  resolve: {
    extensions: ['.js', '.html'],
  },
  output: {
    // filename: '[name]-bundle.js',
    // path: path.resolve(process.cwd(), 'dist'),
    // publicPath: '/', // Public path to 'dist' scope in production
    filename: 'js/main.js?[chunkhash]',
    path: path.resolve(process.cwd(), 'dist'),
    chunkFilename: 'js/main.js?[chunkhash]',
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        include: [
          path.resolve('src'),
        ],
      },
      {
        test: /\.json$/,
        loader: 'json-loader',
      },
      {
        test: /\.txt$/,
        loader: 'raw-loader',
      },
      {
        test: /\.html$/,
        loader: 'raw-loader!html-minify-loader',
      },
    ],
  },
  plugins: [
    new CleanWebpackPlugin(path.resolve(process.cwd(), 'dist')),
    new WebpackAutoInject(autoInjectConfig),
    new CompressionPlugin({
      algorithm: 'gzip',
    }),
    new UglifyJsPlugin(),
  ],
});