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 = {
  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({
      components: {
        InjectAsComment: false,
      },
      componentsOptions: {
        InjectByTag: {
          dateFormat: 'h:MM:ss',
        },
      },
      // components: {
      //   AutoIncreaseVersion: true,
      //   InjectAsComment: true,
      //   InjectByTag: true,
      // },
      // componentsOptions: {
      //   AutoIncreaseVersion: {
      //     runInWatchMode: false, // it will increase version with every single build!
      //   },
      //   InjectAsComment: {
      //     tag: 'Version: {version}, {date}',
      //   },
      //   InjectByTag: {
      //     fileRegex: /\.+/,
      //     dateFormat: 'h:MM:ss',
      //   },
      // },
    }),
    // new CompressionPlugin({
    //   algorithm: 'gzip',
    // }),
    // new UglifyJsPlugin(),
  ],
};