Bud and ECMAScript Modules (ESM)

bud
5

Thanks for helping out. Unfortunately I can’t get it working. It still shows the same error. I use the current master branch of Sage and changed the bud.config.js to config seen below. Is this the way you meant it?

/**
 * @typedef {import('@roots/bud').Bud} Bud
 *
 * @param {Bud} config
 */

module.exports = async (config) =>
  config
    /**
     * Application entrypoints
     *
     * Paths are relative to your resources directory
     */
    .entry({
      app: ['scripts/app.js', 'styles/app.css'],
      editor: ['scripts/editor.js', 'styles/editor.css'],
      customizer: 'scripts/customizer.js',
    })

    .override(webpackConfig => {
      webpackConfig.module.rules.push({
        test: /\.mjs$/i,
        resolve: {byDependency: {esm: {fullySpecified: false}}},
      })
    })

    /**
     * These files should be processed as part of the build
     * even if they are not explicitly imported in application assets.
     */
    .assets(['assets/images'])

    /**
     * These files will trigger a full page reload
     * when modified.
     */
    .watch([
      'tailwind.config.js',
      'resources/views/*.blade.php',
      'app/View/**/*.php',
    ])

    /**
     * Target URL to be proxied by the dev server.
     *
     * This is your local dev server.
     */
    .proxy({target: 'http://example.test'});