Gulp is a command-line JavaScript task runner that automates your web workflow by way of self-scripted tasks.
Quench easily creates those self-scripted tasks based on your custom input.
- Autoprefix
- Compile pre-processors
- Minimize
- Remove unused CSS
- Compress
- Concatenate
- Convert ES6 to ES5
- Lint
- Compress Images
- Sync browsers and devices
Quench requires both Node and Gulp. Install those first!
-
Unzip the downloaded project files.
-
Use the command line to navigate to the project directory. For example if you were navigating to a test folder on your Desktop, you would use:
cd Desktop/test -
Run
npm install -
Run
gulp -
Code away!
gulp
The default. Runs all selected tasks and watches your project folder.
gulp styles
Runs all selected CSS tasks.
gulp scripts
Runs all selected JavaScript tasks.
gulp watch
Initiates BrowserSync and watches files for changes.
gulp images
Optimizes images.
gulp build
Runs all selected image, CSS, and JavaScript tasks. If not using BrowserSync, this is the same as the default gulp task.