Hello Team, following on from last post... I was reading this article

U04918F1AHW

Hello Team,
following on from last post... I was reading this article
https://docs.spryker.com/docs/scos/dev/front-end-development/zed/overriding-webpack-js-scss-for-zed-on-project-level.html

First part is pretty straight forward.
This part (see attached picture) is somehow unclear (to me) and I find a bit hard to understand:

The newly created entry points for JS files should have suffix .entry, for example, my-module.entry.js). Webpack collects all entry points with this suffix.
Use the following path to add all new entry points for your project: ./src/Pyz/Zed/{%ModuleName%}/assets/Zed/js/*.entry.js.
To extend JS modules from the core level, use aliases. To add a JS module, follow the example:

require('{%AliasName%}/path/to/file.js');
// OR
var ModuleName = require('{%AliasName%}/path/to/file.js');

Where should I add this line? Tnx.

sebastian.larisch

not my domain but try the following:

next to your *.entry.js you create a modules directory where you add your js files(s) like custom.js (add some console.log() for testing) and your entry.js should then look like this:

'use strict';

require('./modules/custom');

when you’re done run vendor/bin/console console frontend:zed:build as it is for ZED

U04918F1AHW

I've done it. And I can see newly created module test.js file in public/Zed/assets/js but I dont see its affects on store front. Any further assistance would be much appreciated. Tnx.

sebastian.larisch

Where did u create the files (which module) and where do u expect to see something? Which Zed URL?

U04918F1AHW

Good question. I just realized that I need to implement it in proper module and twig file. :crossed_fingers:

U04918F1AHW

I did it. Thank you!

sebastian.larisch

u r welcome!