Spruha comes with power of SCSS. The css files can be generated from
scss by simply following below steps:
- Gulp
Gulp is a JavaScipt streaming task runner. It automate many development
tasks. Using gulp you can perform tasks like running a local server,
minifying code, compilation, Browser sync ,optimizing images, etc... We are
using gulp which allows to
easily compilation of scss to csss.
You can read it more about it here.
Prerequisites
Please follow below steps to install and setup all prerequisites:
- Nodejs
Make sure to have the Node.js installed
& running in your computer. If you already have installed nodejs on your
computer, you
can skip this step, otherwise install nodejs on your computer,
Note : If you are using the latest version of Node JS or want to
install and use the latest version, click here and install all the dependencies manually
that are given below in command prompt.
- Gulp
Make sure to have the Gulp
installed &
running in your computer. If you already have installed gulp on your
computer, you can skip
this step. In order to install, just run command
npm install -g gulp
from
your terminal.
-
After Completion of gulp Install. To use gulpfile.js
you should
need to run below Commands.
npm install gulp
,
npm install gulp-sass
,
npm install gulp-postcss
,
npm install autoprefixer
,
npm install gulp-sourcemaps
,
npm install browser-sync
,
npm install gulp-cssbeautify
,
npm install gulp-beautify
from your project directory terminal
or Command Propmt.
Make sure to have all above prerequisites installed & running in your
computer. If you want to install more variables for your template, just
declare the variables in gulpfile.js
after that run in Command
Prompt.
Installation
To setup, follow below mentioned steps:
- Install Prerequisites
Make sure to have all above prerequisites installed & running in your
computer
- Install Dependencies
Open your terminal, go to your folder and enter the command
npm install
. This
would install all required dependencies in node_modules
folder.
After you finished with above steps, you can run the command to compile
scss into css:
gulp
Note:-
Please ensure that you have installed all nodemodules requried to run gulp tasks
.