After implementing the express-minify middleware, I encountered an issue with loading the attached CSS file.
Even after validating the CSS using an online service, no errors were detected.
I attempted to debug by gradually removing elements, and the problem arose when reaching
.mainmenu tr td:hover:not(.mainmenu_item_selected)To resolve the issue, I had to remove everything from
.mainmenu tr td:hover:not(.mainmenu_item_selected)Despite trying various methods such as recreating and renaming the file, the issue persisted.
The express logs indicated:
GET /stylesheets/gctl.css 200 4.954 ms - -The installation process followed the standard npm website guide:
var minify = require('express-minify');
app.use(minify());
File (saved as gctl.css)
In main page (Using PUG):
link(rel='stylesheet' href='/stylesheets/gctl.css')CSS file:
html, body, * {
font-family: 'Raleway', sans-serif;
margin: 0;
}
...
.desktop-icon {
width: 60px;
opacity: 0.6;
}
I am currently at a loss on how to identify the source of the problem!