ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Decide whether to use Vite's native CSS handling or the Sass plugin for styling, with a compact comparison, trade‑offs, and a repeatable configuration.
Grunt's watch task can eliminate manual rebuilds during front-end development by monitoring source files and triggering tasks automatically, provided the file globs and output paths are scoped carefully to avoid loops and lag.
Use Stylus & nesting for BEM-style components, but cap depth at two or three levels to control specificity and keep overrides simple.
Stylus css literals let you embed raw CSS verbatim without parsing. Learn when to use the escape hatch for vendor prefixes and third-party snippets, and how to verify the output stays unchanged.
Vite Library Mode switches your build from an app bundle to a distributable package. Learn how to configure build.lib, manage peer dependencies, and verify the output.
Learn how Vite exposes only VITE_ prefixed environment variables to client code via import.meta.env, with a worked example, limits, and common pitfalls.
Default parameters cover most Less mixin needs; guards earn their keep for type checks and feature flags. A comparison table, a button example, and how to verify the compiled CSS.
Asset Resolution Divergence Vite's development server handles asset resolution from memory using root-relative paths. However, the production build process uses Rollup to rewrite asset URLs based on the base configuration in vite.config.js . This creates a discrepancy when an application is hosted under a subpath (e.g., /my-app/ ) or a CDN prefix rather than
Customization via Sass Variables Bulma relies on a Sass-based architecture where user-defined variables must be declared before the core framework import so overrides take effect. This customization happens at compile time, so redefining the primary color palette or spacing scale requires a rebuild rather than a runtime change. Production Build Constraints W
vite
grunt
stylus
less
rollup
sass