@devexteam/dvx-cli

CLI that encapsulates utilities for image processing and assets in frontend development.

Stats

StarsIssuesVersionUpdatedCreatedSize
@devexteam/dvx-cli
171.0.31a year ago3 years agoMinified + gzip package size for @devexteam/dvx-cli in KB

Readme

Devexteam CLI

Install

  # Global
  npm install -g @devexteam/dvx-cli

  # In project
  npm install --save-dev @devexteam/dvx-cli

Show current version

> dvx -v

Show help

> dvx -h
# Expected output:
Devexteam CLI
dvx <cmd> [args]

Commands:
  dvx files:clear-sourcemap-comments-in-css  Clean sourcemaps comments (/*#
                                             sourceMappingURL=foo.css.map */) in css files that
                                             can cause conflicts in compilation or packaging
  dvx html:validate                          Validate html files with htmlhint.
  dvx img:build                              Process images (minify, convert to webp and
                                             resize).
  dvx img:minify                             Minify images
  dvx img:resize                             Resize images to 1024px width
  dvx img:towebp                             Format/Convert images to webp

https://devexteam.com - Copyright 2020

Synopsis

Integration and encapsulation of utilities (sharp, imagemin, htmlhint, ImageMagick, GraphicsMagick) and common use commands in the asset optimization process (images, html for the moment).

Recommends

  • Use in the root project path
  • Use in a bash/unix console
  • Install ImageMagick*
    • Has fallback to sharp
  • Install GraphicsMagick*
    • Has fallback to sharp

Recommend directory structure

+ :open_file_folder: project-name

 |  +-- :open_file_folder: src

 |   |  +-- :open_file_folder: assets

 |   |   |  +-- :open_file_folder: img

 |   |   |   |  +-- :file_folder: dist

 |   |   |   |  +-- :file_folder: src

Examples

Images

After img:build After img:build After img:build

Result after run dvx img:build

After img:build

HTML

HTML validation without errors

HTML validation with errors

Sponsoring

Thank you for reading :heart:. The feedback is appreciated.
If you liked the project, it has been useful and you want to support the development or you simply want to invite me a coffee, you can do it via paypal with the following link:

Donate

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.