在前端开发中，我们经常需要对 CSS 样式进行优化和压缩，这时候一个非常实用的工具就是 strip-css-media-queries。它可以将 CSS 文件中的媒体查询（Media Queries）移除，从而减小文件大小，提升页面加载速度。
安装
在命令行中使用 npm 安装 strip-css-media-queries：
npm install strip-css-media-queries --save-dev
使用方法
使用 strip-css-media-queries 相当简单，只需要在命令行中输入以下指令：
strip-css-media-queries input.css -o output.css
其中，input.css 为需要处理的 CSS 文件路径，output.css 为输出路径，可以自定义。
除了命令行方式，strip-css-media-queries也可以通过 JavaScript 调用：
const stripMediaQueries = require('strip-css-media-queries');
const input = 'body { color: black; }';
const output = stripMediaQueries(input);
console.log(output);
// Output: "body { color: black; }"以上代码将会把 input 中的媒体查询移除，并输出结果。
示例
我们来看一个示例，将一段带有媒体查询的 CSS 代码进行处理。
原始 CSS 代码：
-- -------------------- ---- -------
------ ----------- ------- -
---- -
---------- -----
-
-
------ ----------- ------ --- ----------- ------- -
---- -
---------- -----
-
-
---- -
---------- -----
------------ ----
-处理后的 CSS 代码：
body {
font-size: 12px;
line-height: 1.5;
}可以看到，所有的媒体查询都被移除了，只剩下了最原始的 CSS 样式，这对于优化样式文件和加速页面加载速度非常实用。
总结
strip-css-media-queries 是一个非常方便实用的工具，它可以帮助我们优化 CSS 样式文件，提升网页加载速度。在使用时只需要简单的几步，就可以对 CSS 文件进行处理，让我们的页面更加高效实用。
希望本文对初学者有一定的指导意义，并为更多开发者提供便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f6c626ca9b7065299ccb943