简介
smoosh 是一个 JavaScript 代码压缩工具，它可以将多个 JavaScript 文件合并成一个文件，并压缩代码体积，从而提高页面加载速度和性能。smoosh 是一个基于 Node.js 的命令行工具，可以通过 npm 包管理器进行安装和使用。
安装
在安装 smoosh 之前，确保已经安装了 Node.js ，然后在命令行中使用以下命令进行安装：
npm install -g smoosh
安装成功后，可以在命令行中输入 smoosh 命令来检查是否安装成功。
使用
基本用法
使用 smoosh 合并 JavaScript 文件非常简单，只需要在命令行中执行以下命令：
smoosh make target.js source1.js source2.js ...
其中，target.js 是目标文件名，source1.js 和 source2.js 是要合并的源文件，可以指定多个源文件。
压缩输出
smoosh 提供了多种方式可以压缩输出结果，包括 closure-compiler、uglify-js 和 yui-compressor。默认情况下，smoosh 会使用 uglify-js 进行代码压缩，可以通过在命令行中指定 -c 参数来选择不同的压缩方式，例如：
smoosh make -c closure-compiler target.js source1.js source2.js ...
选项配置
除了基本用法外，smoosh 还提供了一些选项配置，可以设置输出文件路径、生成 source map、排除某些文件等。可以通过在命令行中指定选项参数来使用这些配置，例如：
smoosh make target.js source1.js source2.js ... -o output/
这将指定输出文件路径为 output/target.js。
另外一个常用的配置是生成 source map，可以通过 -m 参数来实现：
smoosh make target.js source1.js source2.js ... -m
这将在生成的 JavaScript 文件中增加 source map 注释，便于调试和定位代码问题。
示例代码
下面是一个示例代码，演示了如何使用 smoosh 合并 JavaScript 文件，并压缩输出：
smoosh make -c uglify-js -o dist/ -m dist/bundle.js src/main.js src/utils.js src/module1.js src/module2.js
这将会把 src 目录下的所有 JavaScript 文件合并成一个文件，并使用 uglify-js 进行代码压缩，输出到 dist/bundle.js，同时生成 source map。
结论
smoosh 是一个非常实用的 JavaScript 代码压缩工具，可以帮助我们提高页面性能和加载速度。本文简要介绍了 smoosh 的使用方法和常用配置选项，希望能对前端开发者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/200296
