删除 CSS 注释

在 CSS 文件中，注释是用来添加说明或者临时禁用代码的常见工具。有时候，你可能需要删除这些注释，以便减少文件大小或提高代码的可读性。可以使用正则表达式来删除 CSS 注释。

以下是一个使用正则表达式删除 CSS 注释的示例代码：

const cssWithComments = `
/* 这是一个注释 */
body {
    background-color: #f1f1f1; /* 设置页面背景颜色 */
    color: #333; /* 设置文字颜色 */
}

/* 这是另一个注释 */
h1 {
    font-size: 24px; /* 设置标题字体大小 */
    margin-bottom: 10px;
}
`;

const cssWithoutComments = cssWithComments.replace(/\/\*[\s\S]*?\*\//g, '');

console.log(cssWithoutComments);

该代码通过正则表达式 /\/\*[\s\S]*?\*\//g 匹配并删除 CSS 注释。正则表达式解析如下：

• \/\*：匹配 /* 开始的注释。
• [\s\S]*?：非贪婪匹配任意字符（包括换行符）。
• \*\/：匹配注释的结束标记 */。
• g：全局匹配模式，删除所有匹配项。

运行上述代码，将输出删除注释后的 CSS 代码。

body {
    background-color: #f1f1f1;
    color: #333;
}

h1 {
    font-size: 24px;
    margin-bottom: 10px;
}

以上内容提供了一个简单的方法来删除 CSS 注释，你可以根据自己的需求进行进一步的调整和优化。