sass 命令

常用示例

说明

Sass (Syntactically Awesome Style Sheets) is a CSS preprocessor adding variables, nesting, mixins, and other features. It compiles to standard CSS for browser use. Two syntaxes exist: SCSS (Sassy CSS, .scss) uses CSS-like braces and semicolons; Sass (.sass) uses indentation. SCSS is more popular for its CSS compatibility. Variables ($color: #333) enable reusable values. Nesting reflects HTML structure in styles. Mixins (@mixin, @include) share reusable style patterns. Functions perform calculations and transformations. Imports (@use, @import) compose styles from multiple files. The @use rule provides namespaced access and better encapsulation than legacy @import. Watch mode monitors files for changes, automatically recompiling. This enables rapid development with live reload tools. Source maps connect compiled CSS to original Sass for debugging. Output styles control formatting: expanded for development, compressed for production.

参数

--watch

Watch for changes and recompile.

--style _STYLE_

Output style: expanded, compressed.

--source-map

Generate source map.

--no-source-map

Disable source maps.

--load-path _PATH_

Path to find imports.

--charset

Emit @charset for non-ASCII.

--no-charset

Don't emit @charset.

--error-css

Emit error in CSS output.

--update

Only compile changed files.

--stop-on-error

Stop after first error.

--color / --no-color

Color output control.

--quiet

Suppress warnings.

--trace

Show full stack trace on error.

--stdin

Read from stdin.

--indented

Parse stdin as indented syntax.