Working With Grunt
Grunt tasks are already set up for you. They are stored inside npm install -g grunt-cli* if you are on Mac make sure to use sudo to install packages globally otherwise you may runt into error.
Unishop/gruntfile.js. But in order to have access to them via you Command Line tool you will need to install grunt-cli node package. Grunt CLI stands for Grunt Command Line Interface.
To do that type following line in your terminal:
Grunt CLI commands
- grunt concat - concatination vendor .css / .js files found inside
vendor folder in one vendor.min.css / vendor.min.js file which are linked to your HTML document.
- grunt uglify - minify and uglify main
scripts.js file from
src folder to
dist/js/scripts.min.js file which linked to your HTML document.
- grunt pug - compiles
.pug template files into HTML. Again from
- grunt sass:expanded - compiles
.scss files into non-minified CSS (css/styles.css). From
- grunt sass:minified - compiles
.scss files into minified CSS (css/styles.min.css). From
- grunt watch - launches
watch task. It will watch changes of your .scss / .js / .pug files and automatically compile them into .css / .js / .html.
Now you when you are equiped with all necessary tools and dev invironment is all set you are ready to dive into Unishop customization.
Take some time to familiarize yourself with Project structure.