Gulp
Use included npm scripts to customize your project!
Installing NPM + GULP
Everything below is optional, only if you want to customize Atropos!
By default, all Custom Libs are enabled but loaded only when needed!
What is Gulp?
Gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.
If the official explanation don't tell you much, Gulp is used to compile .scss
files,
to concatenate multiple js/css files (creating a single final file from many), to minify
files and a lot more other things by adding almost any type of plugin (limit is the sky - there are over than 3000 plugins and growing).
As an overview, getting started is simple: install npm -> install gulp -> build.
1. Install NODE
You need to install Node first.
2. Install GULP
Node was the most important because now we have npm
command to install gulp:
npm install --global gulp
3. Install Atropos Modules
At this point, your PC is ready for development. You can check the installation by typing: npm --version
and gulp --version
Now we install the required modules used by Atropos to compile the final css/js files. A directory called npm_modules
will be created.
In the same directory with package.json
file, type in your console:
npm install
4. Compile Files
By default, files are compilled/copied to "assets" folder. You can edit gulpfile.js to set a different destination!
gulp build