CSS Preprocessors

CSS pre-processors like Sass, SCSS, Less and Stylus are still popular today, so it's natual that Saber supports them out of the box. However relevant dependencies for transpilation are required, be sure to follow the installation instructions below.

Sass / SCSS

yarn add sass-loader sass --dev

Then you can import .scss and .sass files. If you want to import files from node_modules, make sure to add ~ prefix as follows:

// importing a css file from the nprogress node module
@import '~nprogress/nprogress';


yarn add less-loader less --dev


yarn add stylus-loader stylus --dev