cssSweet v4 Supports Multiple Workflows

cssSweet v4

Recently, fellow MODX staffer Jay Gilmore posted an article in our internal Slack about HTTP/2 and asset "bundling" for performance.

It was a good read, and reminded me that the latest version of cssSweet supports multiple workflows and output files, thus enabling a MODX developer or site-owner to "bundle" their assets as the article suggests. Only problem—version 4 was sitting in the Github repo as a dev build, unreleased…until today :)

You can now upgrade to cssSweet v4.0.1-rc1 via the MODX Extras Installer, or download it directly from the Extras repo.

Multiple Workflows?

The plugin property dev_mode now takes a (string) namespace instead of a boolean value. You can override the plugin’s default behaviour with namespaced properties, and in doing so, output multiple files from different sources. It’s probably easier to explain with an example.

Property Set

This example uses the saveCustomJs Plugin but the saveCustomCss Plugin works the same way. Notice in the screenshot, the dev_mode property has the string blah. The default properties js_chunks, js_filename, and context_settings_context have namespaced counterparts blah_js_chunks and so on. This "blah" workflow uses a different set of Chunks as the source, and outputs to a different file. You can use the output files however you want: in another Context, as a "bundle" of related assets, etc.

It’s Creative Freedom, baby, and MODX is just really good at that ;)

Get It

You can install cssSweet via the MODX Extras Installer, or download directly from the Extras repo. Check out the README file in the Github repo, which has been parsed here. There’s also the MODX Docs site but note that page badly needs updating.