@myndpm/stylus2scss
TypeScript icon, indicating that this package has built-in type declarations

0.2.13 • Public • Published

@myndpm/stylus2scss

CLI utility to convert styl files to scss.
It also updates Angular Components metadata.

Usage

npx @myndpm/stylus2scss [--path <path>] [--git] [--dry-run]
  [--diagnose]
  [--convert] [--quote single|double] [--indent 2] [--autoprefixer] [--sign-comments]
  [--move]
  [--migrate]
  • --path <path> Path to the directory for conversion. Default is current directory
  • --git Convert and move files keeping the GIT history
  • --dry-run Do not execute and just print the steps
  • --diagnose Only list and detect line endings on the existing stylesheets in the directory
  • --convert Only convert the stylus contents to the target language
    • --quote Whether to use single or double quotes. Default is single
    • --indent Additional indent, useful for Vue
    • --autoprefixer Enable autoprefixed keyframes
    • --comments Safe conversion of inline comments
  • --move Only move the stylus files to SCSS and update the related TS file
  • --migrate Only run the sass-migration tool on the existing SCSS files

Examples

Only diagnose the given path listing the files to process:

npx @myndpm/stylus2scss --path relative/path/ --diagnose [--git]

Only convert with some custom options:

npx @myndpm/stylus2scss --convert --quote double --autoprefixer

Only move the files and update the components but do not add the changes to git:

npx @myndpm/stylus2scss --move

Only migrate the existing scss files:

npx @myndpm/stylus2scss --migrate

Prints the files and commands that will be executed:

npx @myndpm/stylus2scss --dry-run [--git]

Perform all the conversion steps on the current folder and commits to git:

npx @myndpm/stylus2scss --git

Troubleshooting

  • Before you commit each step you can review the staged files in your IDE.

  • If the sass-migrator fails because the stylus file had a faulty conversion, you can re-run with the --migration only option as many times as needed.

  • The selector &#id produces a conversion error, you need to remove & and restore it later on.

Credits

Based on stylus-converter

TODO

  • Block variable converted to invalid mixin
  • Why background-image: url('data:image/png;base64, gets modified?
  • Warn to review the output of @each
  • Remove second parameter of embedurl

Readme

Keywords

Package Sidebar

Install

npm i @myndpm/stylus2scss

Homepage

mynd.dev/

Weekly Downloads

3

Version

0.2.13

License

MIT

Unpacked Size

97.7 kB

Total Files

21

Last publish

Collaborators

  • sergeyakimovmynd
  • myndco
  • nikita-emelianov
  • nevech
  • makarov.dmitriy