Gulper

Powerful front-end tool for faster and easier web development.

---

Quick start

Several quick start, step by step:

• Clone the repo: git clone https://github.com/syauqiahmd/Gulpers.git
• Install base dependencies via npm: npm install
• This task need gulp and webpack-cli globally, so please make sure you have install both of that with : npm install gulp webpack-cli -g

What's included

Within the clone repo you'll find the following directories and files. You'll see something like this:

├── README.md
├── app
│   ├── css
│   │   └── app.css
│   ├── fonts
│   ├── img
│   │   └── fav.png
│   ├── index.html
│   └── js
│       └── app.js
├── node_modules
├── dist
│   ├── js
│   │   ├── _src
│   │   │   └── _testing.js
│   │   └── app.js
│   └── sass
│       ├── _src
│       │   └── _testing.scss
│       └── app.scss
├── gulpfile.js
├── package-lock.json
├── package.json
└── webpack.config.js

• you can write your sass or scss on dist/sass/_src and import in dist/sass/app.scss
• you can write your js on dist/js/_src and import/require in dist/js/app.js or you can concate from node_modules

How to run

• default task for serve and compile all resource gulp or gulp serve
• compile sass from resource to css on app using gulp sass
• compile js from resource to js on app using gulp js or webpack -d

Oppositional Options

In this tool included a few dependencies you can find on package.json like bootstrap, font-awesome, jquery, popper.js, simple-line-icons you can remove them and you can use your own preference dependencies.

Notes

Please, don't remove devDependencies on package.json or any dependencies inside it, because it require to run gulp task.