Modularity: Extract tasks into separate repos

[backflip]

Tasks

• JS: https://github.com/unic/estatico/blob/develop/gulp/js/default.js (include preset-env, check out HMR)
• js:lint (based on eslint)
• CSS: https://github.com/unic/estatico/blob/develop/gulp/css/default.js → compare to webpack afterwards @alinamelnyk
• css:lint (based on sass-lint or stylelint) @Wymowny
• Probably replace css:colors with https://github.com/Updater/node-sass-json-importer
• SVG sprite: https://github.com/unic/estatico/blob/develop/gulp/media/svgsprite.js @drowka
• Iconfont: https://github.com/unic/estatico/blob/develop/gulp/media/iconfont.js
• Data URIs: https://github.com/unic/estatico/blob/develop/gulp/media/dataurls.js
• Image versions: https://github.com/unic/estatico/blob/develop/gulp/media/imageversions.js
• Font inlining: https://github.com/unic/estatico/blob/develop/gulp/css/fonts.js @orioltf
• Copy (generic, not bound to media files): https://github.com/unic/estatico/blob/develop/gulp/media/copy.js
• Modernizr: https://github.com/unic/estatico/blob/develop/gulp/js/modernizr.js
• JS tests: Based on Puppeter and QUnit (for now): Use chrome instead of PhantomJS jonkemp/gulp-qunit#31 (comment)
• JSON mocks: https://github.com/unic/estatico/blob/develop/gulp/js/mocks.js
• Scaffolding: Evaluate https://github.com/amwmedia/plop and Yeoman, e.g.
• Serve: Based on browsersync
• Watch

Examples:

• https://github.com/unic/estatico-nou/packages/

Criteria:

• Exporting task factory
  • Taking options overwriting defaults as argument. Defaults for a "standard" gulp task:
    • src: Which files to read
    • srcBase: See docs
    • dest: Where to write to
    • plugins: Passed to specific gulp plugins
    • logger: Used for infos, debugging and errors. Most probably an instance of estatico-utils's Logger
  • Exposing options for everything configurable. Setting plugin options to null should disable the corresponding step
  • Returning a gulp stream in case of "standard" gulp tasks. Most probably returning a promise otherwise since we don't want to deal with callbacks.
  • Using gulp-plumber to prevent stream from unpiping, adding .on('error', err => config.logger.error(err, dev)) to every step possibly throwing.
• Using gulp 4 (if using gulp). Probably not having an effect on "standard gulp tasks since they mostly use gulp.src and gulp.dest which should not break anything for us
• Not using gulp-util which will be deprecated. Rather rely on the underlying modules (plugin-error, fancy-log, chalk, minimist etc.
• Documenting usage and options in README.md
• Adding tests

[drowka]

@backflip FYI I'll try to tackle CSS or SVG Sprite as I currently have some downtime. I'm not in the Unic group, but maybe an IT ticket can solve that :)

[Wymowny]

FYI; I'm in the middle of css:lint task

[backflip]

Thanks a bunch, @drowka and @Wymowny, I have added your packages to https://github.com/unic/estatico-lerna/tree/master/packages

[backflip]

Moved to unic/estatico-nou#2