什么是 @nook/clean-css
@nook/clean-css 是一款通过压缩 CSS 代码来减小文件大小的 npm 包。它可以优化 CSS 文件中的注释、空格和其他不必要的字符，从而减小文件大小。这个 npm 包非常适用于前端开发人员在网站和应用程序上搭建时，以减少页面的加载时间和提高用户体验。
安装和使用
在安装 @nook/clean-css 之前，您必须确保已经安装了 npm。在终端中运行以下命令以安装 @nook/clean-css：
npm install @nook/clean-css
安装完成之后，您可以使用它在项目中进行压缩 CSS 文件。
压缩单个 CSS 文件
要压缩单个 CSS 文件，您可以使用以下命令：
npx @nook/clean-css input.css -o output.css
其中，input.css 是要压缩的 CSS 文件，-o 是输出选项，output.css 是输出文件。
压缩多个 CSS 文件
要压缩多个 CSS 文件，您可以使用以下命令：
npx @nook/clean-css file1.css file2.css -o bundle.css
其中，file1.css 和 file2.css 是要压缩的 CSS 文件， -o 是输出选项，bundle.css 是输出文件。
压缩目录下的所有 CSS 文件
要压缩目录下的所有 CSS 文件，您可以使用以下命令：
npx @nook/clean-css input_folder -o output_folder --source-map
其中，input_folder 是包含所有 CSS 文件的源目录， -o 是输出目录选项，output_folder 是输出目录。--source-map 选项将生成一个 source map 文件，以便您可以在浏览器中调试压缩后的 CSS。
总结
通过使用 @nook/clean-css，您可以轻松地将 CSS 文件压缩到更小的大小，从而提高页面加载时间和用户体验。无论您是在开发网站还是应用程序，都可以使用此 npm 包来优化您的前端代码。现在，您已经掌握如何使用它来在项目中压缩 CSS 文件了！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bcd967216659e244a4b