1. 什么是 builder-coffee-script
builder-coffee-script 是一个基于 Node.js 的构建工具，它可以将 CoffeeScript 转换为 JavaScript，并支持将生成的代码压缩和混淆。它能有效地提高工作效率，使得开发者可以更加专注于业务逻辑的编写。
2. 安装 builder-coffee-script
要使用 builder-coffee-script，首先需要在本地安装 Node.js 和 npm。它们分别是 Node.js 的包管理工具和运行环境。
安装完 Node.js 和 npm 后，就可以使用以下命令安装 builder-coffee-script：
npm install builder-coffee-script --save-dev
3. 配置 builder-coffee-script
完成安装后，还需要在项目中对 builder-coffee-script 进行配置。在项目根目录下创建一个名为 builder.coffee 的文件，文件内容如下：
-- -------------------- ---- -------
-------------- -
---------- ----- - -----
---------- ------ - ----
- ----
-------
-------- ---- - ------
------- ---- - -------
--------- ---- - ----------
- ----
--------
-------- - ------------ ----
----- ---- - ---------- --在 config 配置中，sourceDir 代表源代码目录，outputDir 则代表生成代码的目录。minify 标记开启压缩和混淆，compile 指定编译选项。
4. 使用 builder-coffee-script
在完成配置后，就可以使用 builder-coffee-script 进行编译了。在项目根目录下执行以下命令：
node_modules/.bin/builder-coffee-script
该命令会首先查找 builder.coffee 文件，并根据其中的配置进行编译和压缩。代码生成的位置取决于 outputDir 的配置。
Builder-coffee-script 还提供了更多的命令，例如：
--help查看帮助信息--version查看版本信息--watch监听代码变化自动编译
例如，以下命令将会监听源代码目录的变化并自动编译：
node_modules/.bin/builder-coffee-script --watch
5. 示例代码
在完成了以上步骤后，就可以编写 CoffeeScript 代码并使用 builder-coffee-script 进行编译和压缩。以下是一个简单的示例：
class MyClass
constructor: (@name) ->
sayHello: ->
console.log "Hello, #{@name}!"
myObject = new MyClass "World"
myObject.sayHello()以上代码定义了一个名为 MyClass 的类，它有一个名为 name 的属性，和一个名为 sayHello 的方法。该方法会在控制台中输出一条问候语。
在执行 builder-coffee-script 后，以上代码将被转换为以下的 JavaScript 代码：
-- -------------------- ---- -------
--- -------- ---------
------- - ----------- -
-------- ------------- -
--------- - -----
-
-------------------------- - ---------- -
------ ------------------- - - --------- - -----
--
------ --------
-----
-------- - --- -----------------
--------------------以上代码是混淆后的代码，如果希望开发期间可以看到美观的代码，可以将配置文件中的 minify 标记删掉。
6. 结语
builder-coffee-script 是一个实用的构建工具，能够提高代码编写效率，特别是在需要频繁进行 CoffeeScript 和 JavaScript 之间转换的项目中，非常值得使用。同时，在配置过程中需要注意正确设置参数，以免出现不必要的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/74634