Question does webpack, generates, seperate file for each page?

[roulendz]

Hello, awesome, work, quick question, does webpack, and can it generate, for each page separate file?
As you know, in August, a google search will also be influenced by https://developers.google.com/speed/pagespeed/insights/?url=kingdom.lv%2Flv Google page Insights, If you are not in green your page rank will be lower.

So I was wondering how difficult it would be to modify webpack, to generate a separate file, for each page folder?

For example,
For page:
page/homepage.htm
I would also create
page/homepage.scss
page/homepage.js

And in homepage.htm I would call for this page-specific JS and CSS.

What do you think, is it possoble?

[RomainMazB]

Hi @roulendz
This kind of feature is not implemented yet but could be done by modifying the entry path in webpack by a glob function referencing files into a css directory.

This would result il multiple, named css output files.

Will investigate to implement this but can't promesse any ETA.

[roulendz]

Hey, @RomainMazB Thank you for your quick reply, here is the implementation, hope it will help.

https://github.com/roulendz/oc-gupwisdom-project/blob/master/webpack.mix.js I will share a project with you so you can get inspired.

There is an Incoming common.scss file and common.js file, which is for common things, for each layout.

And then there for each page separate .scss and .js file what is called only on that page.

Let me know what do you think.