Easier way to compiling sass file to css file
I want to customize the styling of the HTML theme.
I followed the description of the document to modify the sass file.( _variables.custom.scss)
https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/customization/sass.html
But during the process, the sass file cannot be compiled into a css file successfully.
Do I have to install these tools used in this page of the document to make a successful compiling?
https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/build/gulp.html
Is there any other faster and easier ways?
thank you very much
Replies (4)
Hi,
This is a normal and very easy approach nowadays for handling assets in web development.
All you need to do is to follow the documentation, install the required build tools and run the gulp compiler.
Please note that the build tools are used only for your development and your actual site will just use the compiled assets in the hosting server.
Regards.
Thanks for your reply.
These tools are unfamiliar to designers.
Is there a way to download all the required files to local computer?
So that we can make sass files to be compiled to css successfully? (using Adobe Dreamweaver)
Hi,
In the download package we provide precompiled assets and you can use those assets without using the build tools.
But editing the theme styling and javascript files you will need to use the build tools. Using Dreamweaver you can't edit the custom templates like Metronic.
The build tools are easy to learn and we have video tutorials to get started. Non-developers also can use it.
For more info about using Metronic please check the Theme Documentation
and Video Tutorials
Regards.
You can use https://github.com/sass/dart-sass/ (it even works on Windows) and I have had it set up to work with my PHPStorm IDE in less than 2 minutes.
Didn't have to watch any YouTube videos or go through hours of installing all kinds of libraries that are now deprecated when it comes to compiling SCSS into CSS anyway (Node, etc) or trying to configure them all to work together.
All it took was a quick search on Google, finding this library and a page with a 2-3 step tutorial on how to set it up. That's it.
