Command line wrapper for CSS Development Tools: Dart SASS, autoprefixer, and clean-css

1.0.2 2023-01-11 00:15 UTC

This package is auto-updated.

Last update: 2024-05-11 03:08:36 UTC


README

This package is still in experimental stages

This is a Command line interface for automating the process of running CSS Development Tools. It is specifically meant for use with a Sterling Full Stack Framework directory structure, however it could be used to accomodate any directory structure using additional command line arguments.

The typical development cycle when developing custom CSS with SASS is:

  1. Edit the *.scss files located in one directory
  2. Run a Sass processor to produce the CSS output files (usually output to another directory)
  3. Run a tool against the generated CSS to add or remove vendor prefixes to support the target browsers
  4. Run a tool to clean whitespace and formatting, and either generate expanded CSS (for development) or compressed CSS (for production)

This utility automates these tasks.

At the time of this development, many of the best tools for accomplishing these tasks are written using JavaScript and are often implemented as plug-ins for tool chain utilities such as gulp. This utility takes advantage of some of those tools by leveraging the multi-threaded capabilities of PHP and shelling out to the various JavaScript tools which run under a separate node process. Also, in order to take advantage of the most up-to-date and most complete implementation of SASS, this interface makes use of the compiled Dart SASS processor which also runs in a separate process. Finally, the css-cli implements a shell-like interpreter which can accept commands that change the output characteristics of the CSS generated.