index.js

const mix = require("laravel-mix");
const JavaScript = require("laravel-mix/src/components/JavaScript");
const DependencyExtractionPlugin = require("@wordpress/dependency-extraction-webpack-plugin");

/**
 * Laravel Mix WP Block
 *
 * @see https://laravel-mix.com/docs/5.0/extending-mix
 * @see https://www.npmjs.com/package/@wordpress/dependency-extraction-webpack-plugin
 */
class Block extends JavaScript {
  constructor() {
    super();
    this.context = Mix;
  }

  name() {
    return ["blocks", "block"];
  }

  /**
   * All dependencies that should be installed by Mix.
   *
   * @return {array}
   */
  dependencies() {
    this.requiresReload = `
      Dependencies have been installed. Please run again.
    `;

    return [
      "@wordpress/babel-preset-default",
      "@wordpress/dependency-extraction-webpack-plugin",
    ];
  }

  /**
   * Register the plugin component.
   *
   * @param  {string} entry
   * @param  {string} output
   * @param  {object} options
   * @return {void}
   */
  register(entry, output, options = {}) {
    this.pluginOptions =
      options.disableRegenerator === true
        ? {
            ...options,
            requestToExternal: function (request) {
              if (request === "@babel/runtime/regenerator") {
                return null;
              }
            },
          }
        : options;

    super.register(entry, output);
  }

  /**
   * Plugins to be merged with the master webpack config.
   *
   * @return {array|object}
   */
  webpackPlugins() {
    return new DependencyExtractionPlugin({
      ...this.pluginOptions,
    });
  }

  /**
   * Babel config to be merged with the master Babel config.
   *
   * @return {object}
   */
  babelConfig() {
    return {
      presets: ["@wordpress/babel-preset-default"],
    };
  }
}

mix.extend("block", new Block());
mix.extend("blocks", new Block());