Linux command
cssnano 命令
文本
复制后可按需替换文件名、目录或参数。
常用示例
Minify a CSS file
cssnano [input.css] [output.css]
Minify with default preset
npx cssnano [input.css] > [output.min.css]
Use as PostCSS plugin
postcss [input.css] -o [output.css] --use cssnano
Minify with source maps
cssnano [input.css] [output.css] -s
Disable a specific optimization
cssnano [input.css] [output.css] --no-[featureName]
说明
cssnano is a modular CSS minifier built on PostCSS that reduces CSS file size through various optimizations: removing whitespace and comments, merging rules, optimizing values, and eliminating redundant code. Optimizations include: normalizing values (colors, lengths), merging duplicate rules, removing unused prefixes, optimizing font weights and z-indices, discarding duplicate declarations, and minimizing calc() expressions. As a PostCSS plugin, cssnano integrates with existing build pipelines (webpack, Vite, gulp, etc.) and can be combined with other PostCSS plugins like autoprefixer.
参数
- --sourcemap, -s
- Generate a sourcemap within the minified output.
- --no-featureName
- Disable any individual processor module by its name.
- --config _file_
- PostCSS configuration file.
FAQ
What is the cssnano command used for?
cssnano is a modular CSS minifier built on PostCSS that reduces CSS file size through various optimizations: removing whitespace and comments, merging rules, optimizing values, and eliminating redundant code. Optimizations include: normalizing values (colors, lengths), merging duplicate rules, removing unused prefixes, optimizing font weights and z-indices, discarding duplicate declarations, and minimizing calc() expressions. As a PostCSS plugin, cssnano integrates with existing build pipelines (webpack, Vite, gulp, etc.) and can be combined with other PostCSS plugins like autoprefixer.
How do I run a basic cssnano example?
Run `cssnano [input.css] [output.css]` in a terminal, then adjust file names, paths, flags, or remote targets for your system.
What does --sourcemap, -s do in cssnano?
Generate a sourcemap within the minified output.