Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/varunsridharan/easy-gulp-tasker
This Better Gulp Tasker is mainly focused on simplifying on creating gulp config / task to speed up the development process.
https://github.com/varunsridharan/easy-gulp-tasker
gulp gulp-babel gulp-combine-files gulp-concat gulp-plugin gulp-sass gulp-scss gulp-starter gulp-task gulp-tasks gulp-template gulp-webpack gulpjs javascript-library
Last synced: about 3 hours ago
JSON representation
This Better Gulp Tasker is mainly focused on simplifying on creating gulp config / task to speed up the development process.
- Host: GitHub
- URL: https://github.com/varunsridharan/easy-gulp-tasker
- Owner: varunsridharan
- License: gpl-3.0
- Created: 2019-04-08T11:02:01.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-09-25T15:40:14.000Z (almost 4 years ago)
- Last Synced: 2024-05-02T03:01:29.272Z (5 months ago)
- Topics: gulp, gulp-babel, gulp-combine-files, gulp-concat, gulp-plugin, gulp-sass, gulp-scss, gulp-starter, gulp-task, gulp-tasks, gulp-template, gulp-webpack, gulpjs, javascript-library
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/easy-gulp-tasker
- Size: 245 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![NPM version][npm-image]][npm-url] [![Downloads][downloads-image]][npm-url] [![Gitter chat][gitter-image]][gitter-url]
# Easy Gulp Tasker
This **Easy Gulp Tasker** is mainly focused on simplifying on creating gulp config / task
to speed up the development process.
## Features / Plugins
### Javascript
* [Babel Core](https://www.npmjs.com/package/babel-core)
* [Babel Preset es2015](https://www.npmjs.com/package/babel-preset-es2015)
* [Babel Loader](https://www.npmjs.com/package/babel-loader)
* [Webpack Stream](https://www.npmjs.com/package/webpack-stream)
* [Gulp Uglify](https://www.npmjs.com/package/gulp-uglify)
### SCSS
* [Gulp Autoprefixer](https://www.npmjs.com/package/gulp-autoprefixer)
* [Gulp Clean CSS](https://www.npmjs.com/package/gulp-clean-css)
* [Gulp sass](https://www.npmjs.com/package/gulp-sass)
### Gulp Plugins
* [Gulp Concat](https://www.npmjs.com/package/gulp-concat)
* [Gulp Combine Files](https://www.npmjs.com/package/gulp-combine-files)
---
## Usage / Options
### Step 1
Run the below cmd first
`npm install easy-gulp-tasker --save-dev`
### Step 2
Create a ***gulpfile.js*** in your project root
and add the blow line
```js
const $gulp_tasker = require('easy-gulp-tasker');
```
> Sample ***gulpfile.js***
```javascript
const $gulp_tasker = require( 'easy-gulp-tasker' );
const $gulp = require( 'gulp' );
$gulp.task( 'your-task', () => {
// Your Custom Tax Code.
} );
```
### Step 3
Create ***gulp-config.js*** OR ***config.js***
with the file configs.
> Sample Config File
```javascript
module.exports = {
files: {
// Single Compile Options
'dir/your-file-source': {
dist: 'path-to-save',
rename: 'custom-file-name',
bable: {
// Your Custom Config For **Babel**
// Or Set True to use deafult config provided by Easy Gulp Tasker Plugin.
// If not pass a custom string and use that string in the config array to build your own common config.
}
watch:['file1','file2','file3'] // enter the files that are needed to be watched to trigger the above actions.
},
// Multiple Compile Options
'dir2/your-file-source': [
{
dist: 'path-to-save',
rename: 'custom-file-name',
bable: true
},
{
dist: 'path-to-save',
rename: 'custom-file-name',
bable: true,
uglify: true
}
]
},
config: {
// Here you can write your custom config
bable_custom_config1: {
presets: [ '@babel/env' ],
}
},
};
```
### Step 4
Run any of the below cmd to use this plugin
The below cmd will compile all the files are listed in the config.js / gulp-config.js
> $ gulp compile
The below cmd will trigger `gulp.watch` function to keep track of files changes and compiles the given file.
> $ gulp watch
The below cmd will trigger a single file to compile
> $ gulp single --file "dir/your-file-source"
---
## Builtin Tasks
Blow is a list of task / config options for each file object.
### General
* `dist:'file-save-path'` | Location On Where To Save The File.
* `rename:'custom-file-name'` | Custom File Name To Save Compiled File
* `watch:['file1','file2','file3'] ` | An Array of files to keep an eye for change to trigger its tasks
* `concat:true` | Please Refer To [Gulp Concat](http://npmjs.com/package/gulp-concat)
* `combine_files:true` | Please Refer To [Gulp Combine Files](https://www.npmjs.com/package/gulp-combine-files)
### SCSS / CSS
* `scss:true` | Converts SCSS Into CSS
* `minify:true` | Minify Source.
* `autoprefixer:true` | Autoprefix All CSS Properties.
### Javascript
* `webpack:true` | Run's Webpack To Compile / Bundle a file
* `bable:true` | Run's Babel To Convert **EM6 => EM6**
* `uglify:true` | Minify JS Soure Code
---
## Contribute
If you would like to help, please take a look at the list of
[issues](https://github.com/varunsridharan/easy-gulp-tasker/issues) or the [To Do](#-todo) checklist.
## License
This project is licensed under **General Public License v3.0 license**. See the [LICENSE](LICENSE) file for more info.
## Copyright
2017 - 2018 Varun Sridharan, [varunsridharan.in](https://varunsridharan.in/)
If you find it useful, let me know :wink:
You can contact me on [Twitter](https://twitter.com/varunsridharan2) or through my [email](mailto:[email protected]).
## Backed By
| [](https://s.svarun.in/Ef) | [](https://www.jetbrains.com) | [](https://tidiochat.com) |
| --- | --- | --- |
[downloads-image]: http://img.shields.io/npm/dm/easy-gulp-tasker.svg
[npm-url]: https://www.npmjs.com/package/easy-gulp-tasker
[npm-image]: http://img.shields.io/npm/v/easy-gulp-tasker.svg
[gitter-url]: https://gitter.im/gulpjs/gulp
[gitter-image]: https://badges.gitter.im/gulpjs/gulp.svg