If HMR is disabled then page gets infinite reload about pug-plugin HOT 4 CLOSED

I'll try to do that with some dummy setup.

from pug-plugin.

@kumardeepakxyz

thank you for video.
Sorry, I don't know your full setup and I can't start dev server with devServer.proxy.
Can you please create small repo, where I can simple run npm run start to reproduce the issue.

Try to disable the object devMiddleware, it's not needed if used watchFiles or disable watchFiles.

At last, disable proxy as temporary solution.

from pug-plugin.

Hi @webdiscus

I reconfigured my project from scratch and somehow it seems that this issue is resolved.

I have no idea how it is working fine, but seems to be good for now.

However I do have a question:

How to import CSS that is part of any plugin? for eg CSS with "Splide".

I did it by importing it in SCSS file as @import '../../../node_modules/@splidejs/splide/src/css/core/index'; but is there a better way using pug-plugin?

from pug-plugin.

@kumardeepakxyz

Import CSS/SCSS from node_module is very easy:

@use 'MODULE_NAME/path/to/style';

in your case:

@use '@splidejs/splide/src/css/core/index';

Important: omit the file extension, e.g. .scss, .css

See please in the readme How to import CSS/SCSS from node_module, I have updated it.

Note: the @import is deprecated and at 22 October 2022 will be removed, use the @use

from pug-plugin.