arcanedigital / gulp-process Goto Github PK

View Code? Open in Web Editor NEW

1.0 6.0 0.0 1.41 MB

License: MIT License

JavaScript 100.00%

gulp-process's Introduction

Arcane Build Process

Currently built on Gulpjs

Install on a new project

npx install-peerdeps --dev arcane-gulp

Create a gulpfile.js

const tasks = require('arcane-gulp');
   
tasks.config({
   source: {
       file: ['test/files/**/*.*'],
       image: 'src/images',
       script: 'test/scripts',
       style: 'test/styles/*.scss',
   },
   destination: {
       image: 'public/assets/images',
       script: 'public/assets/scripts',
       style: 'public/assets/styles',
       file: 'public/assets',
   },
});

// Gulp does not support ES module exports, default to older syntax to
// expose tasks to Gulp CLI
module.exports = tasks;

Add the following tasks to your package.json

  "scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development gulp",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production gulp"
  }

gulp-process's People

Contributors

Stargazers

Watchers

gulp-process's Issues

Testing Examples of Code

Testing files (images, files, scripts, scss)
Testing NPM commands

Build process gets stuck on error

Errors in code during gulp watch will display in console and build process will not break. However, when errors are resolved, the build process will not rebuild. This forces me to manually stop and restart the build.

Errors should either break the build process or (preferably) gulp should be listening for the error to be resolved and trigger a rebuild on its own.

Favicon Generation

Generate a favicon that matches standards

Updated documentation to be more explicit

Tests

Each gulp task should be testable and create files/return properly given properly formatted inputs, and should also consume errors and return gracefully.

Update configuration object

Update the configuration object to be per task instead of source and destination groupings

CLI flag to skip compression of js and css on production

Currently on the production environment it always compresses the output, it would be handy to have a flag to disable this for deploying to a staging server so we can see the uncompressed but processed files (for scripts and styles) to help with debugging.

Versioned asset names
Generate Manifest file
Configurable manifest file location

Image Processing - `removeViewBox` Setting Not Respected in imagemin.svgo

Experiencing errors with removeViewBox settings. In this plugin, removeViewBox is set to false, which should disable the functionality outlined here:
https://github.com/svg/svgo/blob/master/plugins/removeViewBox.js

However, if viewBox attribute in an SVG file matches the height and width attribute set, viewBox attribute will be removed. This is detrimental for SVG scaling on IE11.

Issue could have to do with the format with which imagemin properties are being set.

Browsersync

Add in live reload that is configurable for each persons machine via an environment variable