PHP 7 Compile SCSS to CSS Code in Command Line Using scssphp Library

0Shares

scssphp is a free and open source compiler for SCSS that is written using PHP programming language.

Basically, SCSS is a CSS preprocessor language that gives us additional features like variables, functions, mixins, imports, control directives, nesting, and color manipulation.

You can easily use scssphp in any existing or new PHP-based project. It is packed with a command line tool that enables us to execute the compiler from a terminal/shell script.

Install scssphp

The source code of scssphp is available on GitHub. To install scssphp, simply select the latest release and download it on your computer.

If you use Packagist for installing packages, then update your composer.json file as mentioned below:

{
    "require": {
        "scssphp/scssphp": "^1.10.3"
    }
}

Command Line Tool

A really basic command line tool is included for integration with scripts. It is called pscss. It reads SCSS from either a named input file or standard in, and returns the CSS to standard out.

Usage: bin/pscss [options] [input-file] [output-file]

Available Options

If passed the flag -h (or --help), input is ignored and a summary of the command’s usage is returned.

If passed the flag -v (or --version), input is ignored and the current version is returned.

The flag -s (or --style) can be used to set the output style:

<span class="nv">$ </span>bin/pscss <span class="nt">-s</span> compressed styles.scss

The flag -I (or --load_path) can be used to set import paths for the loader. On Unix/Linux systems, the paths are colon-separated. On Windows, they are separated by a semi-colon.

SCSSPHP Library Reference

To use the scssphp library either require scss.inc.php or use your composer generated auto-loader, and then invoke the \ScssPhp\ScssPhp\Compiler class:

require_once "scssphp/scss.inc.php";

use ScssPhp\ScssPhp\Compiler;

$compiler = new Compiler();

echo $compiler->compileString('
  $color: #abc;
  div { color: lighten($color, 20%); }
')->getCss();

The compileString method takes the SCSS source code as a string and an optional path of the input file (to resolve relative imports), and returns a CompilationResult value object containing the CSS and some additional data. If there is an error when compiling, a \ScssPhp\ScssPhp\Exception\SassException is thrown with an appropriate message.

0Shares

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.