const { width, height, depth } = product.dimensions

  const person = { firstName, lastName }

  const order = { ...customer, ...address }

  const getProperty = function (object, property = 'value') {
  return object[property]
}

  const getArea = (dims) => dims.width * dims.height

  this.cartItems.forEach(item => {
  this.total += item.cost
})

  class Rectangle extends Shape {
  constructor (id, x, y, width, height) {
      super(id, x, y)
      this.width  = width
      this.height = height
  }
}
class Circle extends Shape {
  constructor (id, x, y, radius) {
      super(id, x, y)
      this.radius = radius
  }
};
// Example from http://es6-features.org

  const greeting = `Hi ${firstName} ${lastName}`

  $.ajax({
  url: 'https://swapi.co/api/people/1',
  success: function (person) {
    $.ajax({
      url: person.homeworld,
      success: function (planet) {
        setHomeworld(person, planet)
      },
    );
  },
);

  fetch('https://swapi.co/api/people/1')
.then(response => response.json())
.then((person) => {
  fetch(person.homeworld)
  .then(response => response.json())
  .then((planet) => {
    setHomeworld(person, planet)
  })
});

  const personResponse = await fetch('https://swapi.co/api/people/1')
const person = await personResponse.json()

const planetResponse = await fetch(person.homeworld)
const planet = await planetResponse.json()

setHomeworld(person, planet)

  cd my_module
vue create vue

        function hook_library_info_build()

  yarn serve # starts a dev server on port 8080

  $library['js']['http://localhost:8080/app.js'] = [
  'type' => 'external',
];

  RUN yarn install --pure-lockfile && yarn build

  file_scan_directory($dist_path, '/^.*\.js$/')

        cd my_module
yarn create react-app react

  $library['dependencies'][] = 'core/drupalSettings';

  yarn add apollo-boost graphql

    import ApolloClient, { gql } from 'apollo-boost';
const client = new ApolloClient();

  const query = gql`
  query {
    user: currentUserContext {
      ... on UserUser {
        name
        fieldLocation
        picture: userPicture {
          url
          alt
          title
        }
      }
    }
  }
`
const result = await client.query({ query })
const pictureUrl = result.data.user.picture.url

        composer require drupal/webpack

        yarn init -yp

        yarn add webpack webpack-serve

my_library:
  webpack: true
  js:
    my_library.js: { }

        yarn add graphql apollo-boost

import ApolloClient, { gql } from 'apollo-boost';

const client = new ApolloClient();
const query = gql`query { currentUserContext: { name } }`;
const result = await client.query({ query });
const name = result.data.currentUserContext.name;

alert(`Hello ${name}! Good to see you.`);

composer require drupal/webpack_babel
yarn add babel-core babel-loader

const recipient = 'Internet Explorer';
alert(`Hello ${recipient} :)`);

          drush webpack:serve

        yarn webpack:build

module.exports = {
  "entry": {
    "module-library-file": "/path/to/module/js/test.js",
  },
  "output": {
    "filename": "[name].bundle.js",
    "path": "/path/to/project/sites/default/files/webpack",
  },
};

class SplitChunks extends ConfigProcessorBase {

  public function processConfig(&$config) {
    $config['optimization']['splitChunks']['chunks'] = 'all';
  }

}

function custom_webpack_config_alter(&$config) {
  if (getenv('LAGOON_ENVIRONMENT_TYPE') == 'development') {
    $config['mode'] = 'development';
  }
}