Dev settings

webpack.dev.js

/* Dev settings for webpack build */

const merge = require('webpack-merge')
const common = require('./webpack.common')
const path = require('path')

const DEBUG_ANALYZE = true

const config = merge(common, {
  mode: 'development',
  devtool: 'eval',
  output: {
    path: path.resolve(__dirname, './bundles'),
    filename: './[name]-[contenthash].js'
  }
})

// Adds cleaning
const CleanWebpackPlugin = require('clean-webpack-plugin')
config.plugins.push(
  new CleanWebpackPlugin(['./bundles'])
)

// Adds BundleTracker plugin
const BundleTracker = require('webpack-bundle-tracker')
config.plugins.push(
  new BundleTracker({
    path: __dirname,
    filename: './webpack-stats.json'
  })
)

// Adds BundleAnalyzer
if (DEBUG_ANALYZE) {
  const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin

  config.plugins.push(
    new BundleAnalyzerPlugin({analyzerPort: 9001})
  )
}

module.exports = config