(Requires 2018 version of editor)
Allows you to run Gulp tasks directly from within the editor.
Plugin creates a new docking panel with various options to run Gulp tasks.
Gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.
Here's a small example of what the plugin can do.
- Compile Sass/Less styles instantly.
- Minify CSS & JavaScript.
- Optimize Images.
- Browser Livereload.
The possibilities are endless, as there's 1000+ gulp modules available (and you can write your own too)
Since I couldn't find anyone to help betatest this plugin, the following is missing:
- Documentation. You'll have to figure out how to use the plugin yourself. (Hint: There's several context menus.)
- Plugin dependency check. Again you'll have to figure out what is required by yourself.
- Default gulpfile.js - I haven't bothered optimizing this or make different setups.
- Horizontal layout. Plugin panel currently only supports vertical layout.
Usage:
1) Make sure "gulp-cli is installed globally. (npm install gulp-cli -g)
2) Click the "Copy Defaults" if 1st run (Or create your own gulpfile.js), then click "Install Dependencies". "npm install" will appear in the running tasks window.
3) Once it's finished, "npm install" will disappear again. and the tasklist should be visible.
4) Select the task you want to run from "Gulp Tasks" and then click the "Execute Task" button.
(You can use sites like http://quenchjs.com/ to create gulpfile.js and package.json files or create them manually.)
History:
v1.0
- First version released
v1.01
- Fixed problem with defaults not being copied due to wrong defaults path.
- Fixed problem with missing slash in gulpfile path after copying defaults.
- Fixed problems with paths containing spaces.
Thanks to Aivars for reporting these.
- Added updated defaults gulpfile.js and package.json.
Installation:
1) Download plugin .ZIP file.
2) Open WeBuilder and select "Plugins -> Manage Plugins" from the menu.
3) Click "Install" and select the .ZIP file you downloaded in step 1.
Feedback appreciated.
(I only use WeBuilder, so I haven't tested if it works in HTMLPad, Rapid CSS or Rapid PHP.)