{"id":25144,"library":"css-transpiler","title":"css-transpiler","description":"A lightweight CLI tool that transpiles .scss files to .css in-place within the src directory. Version 1.0.16 is the latest stable release. It runs as a daemon watching for changes and automatically regenerates CSS. Unlike full-featured build tools like Webpack or Gulp, it operates as a simple CLI command with no JavaScript API or plugin system. Best used as a development dependency for straightforward SCSS compilation without build pipeline integration.","status":"active","version":"1.0.16","language":"javascript","source_language":"en","source_url":null,"tags":["javascript","css","sass","icss"],"install":[{"cmd":"npm install css-transpiler","lang":"bash","label":"npm"},{"cmd":"yarn add css-transpiler","lang":"bash","label":"yarn"},{"cmd":"pnpm add css-transpiler","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"The package has no exports; it's a CLI tool only. Use npx or npm exec to run the command.","wrong":"require('css-transpiler')","symbol":"transpile","correct":"npx transpile"}],"quickstart":{"code":"mkdir -p src/components && echo '$color: red; h1 { color: $color; }' > src/components/app.scss && npm install css-transpiler --save-dev && npx transpile","lang":"javascript","description":"Installs the package and starts the transpiler daemon, which watches src directory for .scss changes and outputs .css files in the same location."},"warnings":[{"fix":"Ensure all .scss files are inside a src/ folder (or create it).","message":"The package expects a 'src' directory at the project root. Files outside src/ are ignored.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Keep custom .css files in a separate directory outside src/.","message":"The transpiler overwrites .css files without warning. If you have custom .css edits, they will be lost.","severity":"gotcha","affected_versions":">=1.0.0"}],"env_vars":null,"search_vec":"'1.0.16':22 'api':60 'automat':37 'best':64 'build':44,75 'chang':35 'cli':6,55 'command':56 'compil':73 'css':2,13,39,79 'css-transpil':1 'daemon':32 'depend':69 'develop':68 'directori':20 'featur':43 'file':11 'full':42 'full-featur':41 'gulp':49 'icss':81 'in-plac':14 'integr':77 'javascript':59,78 'latest':25 'lightweight':5 'like':46 'oper':51 'pipelin':76 'place':16 'plugin':62 'regener':38 'releas':27 'run':29 'sass':80 'scss':10,72 'simpl':54 'src':19 'stabl':26 'straightforward':71 'system':63 'tool':7,45 'transpil':3,9 'unlik':40 'use':65 'version':21 'watch':33 'webpack':47 'within':17 'without':74","created_at":"2026-05-01T13:43:15.285014+00:00","updated_at":"2026-05-01T13:43:15.285014+00:00","problems":[{"fix":"Run 'npm install css-transpiler --save-dev' and use 'npx transpile' instead of bare 'transpile'.","cause":"The package is not installed or not in PATH.","error":"-bash: transpile: command not found"},{"fix":"Create a src/ directory in your project root and move .scss files there.","cause":"The package requires a 'src' directory at project root.","error":"Error: src folder not found. Please create a src folder in your project root."}],"ecosystem":"npm","meta_description":null,"install_score":null,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":"css-transpiler","cli_version":null,"type":"library","homepage":null,"github":null,"docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/css-transpiler","openapi_spec":null,"status_page":null,"smithery":null,"categories":["devops"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-05-01","next_check":"2026-07-30","install_tag":null}}