postcss 删除css注释

PostCSS 是一个用于转换 CSS 的工具，可以通过插件来扩展其功能。要删除 CSS 注释，可以使用 postcss-discard-comments 插件。

postcss-discard-comments 插件可以帮助我们去除 CSS 文件中的注释。安装插件后，我们需要在 PostCSS 的配置文件中配置插件的使用。

首先，我们需要在项目中安装 postcss-discard-comments 插件。可以通过在终端中执行以下命令来安装：

npm install postcss-discard-comments --save-dev

安装完成后，我们需要在 PostCSS 的配置文件中引入插件，并将其作为一个处理器使用。可以在 postcss.config.js 文件中添加以下代码：

module.exports = {
  plugins: [
    require('postcss-discard-comments')
  ]
}

这样，当我们使用 PostCSS 处理 CSS 文件时，插件会自动删除文件中的注释。例如，如果我们有一个样式表文件 styles.css，可以通过以下命令来处理该文件并生成处理后的文件：

postcss styles.css -o output.css

处理后的 output.css 文件将不再包含注释。

总结起来，要使用 PostCSS 删除 CSS 注释，我们需要安装 postcss-discard-comments 插件，并在配置文件中配置其使用。这样，当我们使用 PostCSS 处理 CSS 文件时，插件会自动将注释删除，生成处理后的 CSS 文件。