简介
Broccoli-strip-comments 是一个用于移除 JavaScript 与 CSS 中注释的 Node.js 模块。在前端开发中，我们通常会加入各种注释来让代码更加可读和易于维护，但是当我们需要将代码压缩以供生产环境使用时，注释却成为了致命的浪费空间。这时，我们就需要一个好用的工具来帮助我们快速移除这些注释。
Broccoli-strip-comments 具有简单易用、高效快捷的特点，可以帮你轻松地去掉代码中的注释，使得代码更加紧凑、高效，并且提高了运行效率。
安装
在使用 Broccoli-strip-comments 之前，需要确保你已经安装了 Node.js 环境。如果还没有安装，可以到这里进行下载：下载 Node.js。
安装 Broccoli-strip-comments 的方法很简单，只需要在命令行工具中输入以下命令即可：
npm install broccoli-strip-comments --save-dev
使用方法
基本用法
默认情况下，Broccoli-strip-comments 只会移除 JavaScript 和 CSS 中的单行注释。
首先，需要在项目根目录下新建一个名为 Brocfile.js 的文件，在该文件中引入 broccoli-strip-comments 模块：
const stripComments = require('broccoli-strip-comments');接着，在 Brocfile.js 文件中使用该模块来移除注释即可：
const inputTree = 'app'; const outputTree = stripComments(inputTree); module.exports = outputTree;
这样就完成了一个最简单的去注释流程。inputTree 代表输入目录，即需要去除注释的目录；outputTree 则代表输出目录，即移除注释后的目录。
全部去注释
如果需要移除 JavaScript 和 CSS 中的所有注释，可以添加 stripComments.all 选项：
const outputTree = stripComments(inputTree, { all: true });保留特定注释
如果需要保留某些注释，可以添加 preserve 参数，表示需要被保留的注释。该参数可以是一个字符串、正则表达式或者一个函数。
以保留所有以 “！” 开头的注释为例，代码如下：
const outputTree = stripComments(inputTree, { preserve: /^!/ });CSS 去注释
默认情况下，Broccoli-strip-comments 不会移除 CSS 中的注释，如果需要移除 CSS 中的注释，需要添加 extensions 参数：
const outputTree = stripComments(inputTree, {
extensions: ['js', 'css']
});示例代码
-- -------------------- ---- ------- ----- ------------- - ----------------------------------- ----- --------- - ------ ----- ---------- - ------------------------ - ---- ----- ----------- ------ ------- --------- ---- --- -------------- - -----------
结语
Broccoli-strip-comments 是一个非常实用的工具，可以帮助我们快速高效地去掉 JavaScript 和 CSS 中的注释，让代码变得更加轻便、高效。它使用方便，可以轻松地将其集成到你的开发流程中，提高你的工作效率，帮你更好地完成前端开发工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055dbd81e8991b448db7d2