webpack.dev.js

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

const webpackDev = {
  mode: 'development',
  devServer: {
    contentBase: __dirname + '/src',
    port: 1337,
    publicPath: '/',
    historyApiFallback: {
      index: './index.html',
      disableDotRule: true
    },
    proxy: {
      '/api': {
        target: `http://localhost:5000/`,
        secure: false,
        logLevel: 'debug',
        headers: {
          'X-Bifrost-Authentication': 'developer'
        }
      }
    }
  },
  // Enable sourcemaps for debugging webpack"s output.
  devtool: 'cheap-eval-source-map',
  plugins: [
    new webpack.DefinePlugin({
      __DEVELOPMENT__: JSON.stringify(true),
      __API_URL__: JSON.stringify('/api/v1'),
      __NODE_ENV__: JSON.stringify('development'),
      __TEMP_ACTOR_STR__: JSON.stringify('me'),
      __FEEDBACK_FORM_URL__: JSON.stringify('https://forms.gle/f3tTSrZ8wPj3sHTA7'),
      __API_DOCS_URL__: JSON.stringify('https://marquezproject.github.io/marquez/openapi.html')
    })
  ]
}

module.exports = merge.smart(webpackShared, webpackDev)