Hey, does anyone have an example extended ZED Config for the webpack build? We're running into the i

UKK4YJ2AU

Hey, does anyone have an example extended ZED Config for the webpack build? We're running into the issue of dependencies not being found, even tho all entries are there.

giovanni.piemontese

backend/build.json

const oryx = require('@spryker/oryx');
const oryxForZed = require('@spryker/oryx-for-zed');
const { join } = require('path');
const customContext = process.cwd();
const projectPath = '/src/';
// deprecated copyAssetsCallback for backward compatibility only
const copyAssetsCallback = require('@spryker/oryx-for-zed/lib/copy');

const myCustomZedSettings = Object.assign({}, oryxForZed.settings, {
    ...oryxForZed.settings,
    entry: {
        ...oryxForZed.settings.entry,
        dirs: [...oryxForZed.settings.entry.dirs, join(customContext, projectPath)],
    },
});
oryxForZed
    .getConfiguration(myCustomZedSettings)
    .then((configuration) => oryx.build(configuration, copyAssetsCallback))
    .catch((error) => console.error('An error occurred while creating configuration', error)); 

giovanni.piemontese

then in package.json just point to your custom build.json
i.e.

"zed": "node ./backend/build",

giovanni.piemontese

or do u mean something else?

UKK4YJ2AU

I'm just asking since we're getting errors from commons.js in regards to missing dependencies/modules

UKK4YJ2AU

For example:

ERROR in ./vendor/spryker/gui/assets/Zed/js/modules/commons.js
Module not found: Error: Can't resolve 'sweetalert' in '/data/vendor/spryker/gui/assets/Zed/js/modules'
 @ ./vendor/spryker/gui/assets/Zed/js/modules/commons.js 65:0-21
 @ ./vendor/spryker/gui/assets/Zed/js/spryker-zed-gui-commons.entry.js

UKK4YJ2AU

@UL65CH0MC did you encounter this issue by any chance as well?

giovanni.piemontese

i don't remember... did u run project install dependencies and zed project install dependencies command before?

vendor/bin/console frontend:project:install-dependencies
vendor/bin/console frontend:zed:install-dependencies

UKK4YJ2AU

Yes, all dependencies are installed and the error is only showing up when using a modified build for zed

UKK4YJ2AU

With default build there are no issues

giovanni.piemontese

can u show me your frontend-build-config.json?

UKK4YJ2AU

Initially our plan was to extend the zed config as shown in the article inside the documentation - https://docs.spryker.com/docs/scos/dev/front-end-development/zed/overriding-webpack-js-scss-for-zed-on-project-level.html

There we get no issues during the build process, but rather get issues with the actual frontend and missing modules from commons.js

giovanni.piemontese

The overriding ist just what i sent u yesterday... but with so few details I can't figure out what/where is the problem...