@joinbox/build-task

Intro

Re-usable Gulp 4 tasks for Joinbox projects that provide reasonable defaults for the following file types:

• scripts
• styles
• images (TBD)
• clear dist directory (TBD)

All tasks support:

• BrowserSync
• notifications

Scripts support:

• inlining of imports/exports (via rollup.js)
• backwards compatibility (via Babel, including object properties and private class fields)
• minification (via terser)
• automatically adds core-js polyfills when needed (via useBuildIns: 'usage')
• source maps

Styles support:

• SASS conversion to CSS (via node-sass)
• glob support for SASS imports
• auto prefixes
• source maps

Usage

1. Install task: npm i @joinbox/build-task browser-sync gulp
2. Copy the contents of the provided gulpfile.js to your project
3. Change import path: { buildJavaScript, buildStyles } = require('@joinbox/build-task')
4. Modify paths where needed
5. Run npx gulp (for dev task) and npx gulp live

Tests

• Run `npm test``
• If you run a test manually, make sure to use the --serial option as we are relying on the file system for our tests