Needs to be added to all angular 1.x projects, to enable add an access token in every request header for development purposes

accessToken.js

// ./src/accessToken.js
import config from 'config'

/* @ngInject */
export default ($httpProvider) => {

  /* @ngInject */
  const interceptor = function($q) {
    return {
      'request': function(config) {

        if(process.env.NODE_ENV === 'development') {
          config.headers['access-token'] = config.accessToken;
        }

        console.log(config.headers);

        return config;
      }
    };
  };
  $httpProvider.interceptors.push(interceptor);
};

development.js

// ./config/development.js
export default {
  accessToken: '<YOUR_ACESS_TOKEN_HERE>' 
}

index.js

// ./src/index.js
import accessToken from './accessToken.js';

export default angular.module('app', [

]).config(accessToken);

webpack.config.js

// ./webpack.config.js
var webpack = require('webpack');
var path = require('path');

// not the full webpack config, only the required parts to work
module.exports = {
    context: path.join(__dirname, './src'),
    entry: "./index.js",
    output: {
      path: path.join(__dirname, './public'),
      filename: "./bundle.[hash].js"
    },
   resolve: {
    alias: {
      config: path.join(__dirname, './config', `${process.env.NODE_ENV}.js`)
    }
  }),
  plugins: [
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify('development')
    })
  ]
});