DEV Community

Mateo Tibaquirá for Mynd.co

Posted on • Edited on • Originally published at matheo.Medium

Migrating from Stylus/Pug to SASS

Hi Angular folks! here a late announcement of some packages released by Mynd that will help some projects in the transition to Angular 13+ due to the deprecation of Stylus.

@myndpm/stylus2scss

This CLI utility convert styl files to scss and also updates their related Angular Components metadata. It allows to spread the conversion in different GIT commits to keep track of the history of the converted files.

It also includes the sass-migration tool to complete the process without additional steps, and some other customizable options that can be checked in the README file: https://www.npmjs.com/package/@myndpm/stylus2scss

The conversion would be as simple as running this in your repo:

npx @myndpm/stylus2scss --git
Enter fullscreen mode Exit fullscreen mode

@myndpm/pug2html

At Mynd we were using Pug since it was a fancy template engine that was quite aligned with Stylus, but after some years their tooling and support got quite behind and it was time to move to the default HTML templates.

This CLI utility convert pug content to html and also updates the Angular components metadata. It also possible to keep the GIT history or execute the process step by step with the provided --options documented in its README file: https://www.npmjs.com/package/@myndpm/pug2html

Also, running this utility would be as simple as:

npx @myndpm/pug2html --git
Enter fullscreen mode Exit fullscreen mode

Feedback

Enjoy! and please report any issue at our GitHub repo: https://github.com/myndpm/open-source

Top comments (0)