unclesowise / gulp-khup Goto Github PK

Create a new JS flow that uses gulp-babel or something similar. Get off the weirdness of browserify and onto something less aged and more comfortable.

Make writing vanilla JS for the browser ES6 like and more fun. Ensure that current browserify is sound.

There are configuration settings in https://github.com/uncleSoWise/gulp-khup/blob/develop/gulp/config.js that are only used one time. Configuration should live as close to where it is used as possible unless shared.

Return the following config settings to their homes:

• autoprefixer
• base64
• mustache
• psi_url

Also consider re-naming, moving and/or relocating the gulpflow config into another directory or file. Or maybe finding a better way to allow for that type of setting control.

https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5

- gutil.File => https://www.npmjs.com/package/vinyl
- gutil.replaceExtension => The .extname property on Vinyl objects or https://www.npmjs.com/package/replace-ext
- gutil.colors => https://www.npmjs.com/package/ansi-colors
- gutil.date => https://www.npmjs.com/package/date-format
- gutil.log => https://www.npmjs.com/package/fancy-log
- gutil.template => https://www.npmjs.com/package/lodash.template
- gutil.env => https://www.npmjs.com/package/minimist
- gutil.beep => https://www.npmjs.com/package/beeper
- gutil.noop => https://www.npmjs.com/package/through2
- gutil.isStream => Use the .isStream() method on Vinyl objects
- gutil.isBuffer => Use the .isBuffer() method on Vinyl objects
- gutil.isNull => Use the .isNull() method on Vinyl objects
- gutil.linefeed => Use the string '\n' in your code
- gutil.combine => https://www.npmjs.com/package/multipipe
- gutil.buffer => https://www.npmjs.com/package/list-stream
- gutil.PluginError => https://www.npmjs.com/package/plugin-error

• Add https://github.com/sindresorhus/gulp-nunjucks into the pipeline accordingly
• Create nunjucks task
• Update README.md
• Update CHANGELOG.md
• Update watch task
• Update path globs
• Deprecate all things mustache and mark to remove in next major release

Make the psi task and all tasks surrounding gulpflow more useful/extensible with a CLI option to pass in a URL. No more editing config files!

• gulp psi
• gulp watch
• gulp deploy

Some settings inside of globs.js may not be helpful for projects consuming gulp-khup at a package level. Consider using cosmicconfig or something similar to allow for setting the project watch directory as well as the project build directory name.

https://github.com/davidtheclark/cosmiconfig

Some projects may not be using /src/ or /dist/ and instead use /app/ and /lib/. Or there might also be a /test/ directory in need of task targeting. The glob patterns being ignored in deployGlobs should be configurable as well.

This may also be a good time to refactor the logic behind globs.js to be simpler. For example: watch all files but ignore the build directory entirely.

https://prettier.io/docs/en/configuration.html

When CSS is not minified it should apply helpful inline source maps. At first glance it appears that all the necessary packages are already dependencies .