[FEATURE REQUEST] Preload support

[ladown]

Hello!

If there are any possibilities how to configure preload for styles or scripts. I found out a plugin, but it requires HtmlWebpackPlugin to be initialized. How can i do it?

[webdiscus]

The pug-plugin is designed to replace the html-webpack-plugin, pug-loader and mini-css-extract-plugin completely.
The pug-plugin will never works together with HtmlWebpackPlugin. But very useful features of HtmlWebpackPlugin can be implemented in pug-plugin.

What do the preload-webpack-plugin?
Your imported JS file will be injected into HTML as the link tag like:

<link rel="preload" as="script" href="chunk.31132ae6680e598f8879.js">

You can self this write in Pug:

link(rel="preload" as="script" href=require('./path/to/source/script.js') )

The generated HTML:

<link rel="preload" as="script" href="script.31132ae6680e598f8879.js">

P.S.: Can you please describe your feature request in details what do you concretely want.

[ladown]

No doubt, that i can set preloaded resources by myself, but i want them to be set automatically, as mentioned plugin do.

[webdiscus]

@ladown

If there are any possibilities how to configure preload for styles or scripts

This doesn't make sense because all scripts and styles must be manually specified in the Pug template anyway. Therefore, the additional preload attribute can be added directly by yourself.

Тhe only thing that makes sense is the automatic addition of preloads for images, videos, fonts, etc, which was found in the template or in CSS (fonts, images). I put this idea on the stack.