npm 包 fuller-uglify 使用教程

前言

在前端开发中，我们经常需要使用代码压缩工具来减小我们的代码负担。uglify 是一个非常流行的 JavaScript 压缩工具。而其中的 fuller-uglify npm 包就是 uglify 的一种加强版。它提供了更为完整的特性和更好的压缩效果。本文将为你介绍如何使用该包进行代码压缩。

安装

使用 fuller-uglify 包前，我们需要先安装它。打开终端输入以下命令即可安装：

npm install fuller-uglify --save-dev

使用方式

在安装 fuller-uglify 包之后，我们就可以在项目中引用它来进行代码压缩了。我们可以通过以下几种方式来使用 fuller-uglify 包：

1. 使用命令行工具进行压缩

在终端中输入以下命令：

npx fuller-uglify [input files] [options]

其中，input files 是需要进行压缩的文件路径，多个文件间用空格隔开。options 是一些配置选项，如 --output 可以指定输出文件路径，--screw-ie8 可以去除 IE8 兼容代码等。具体的选项可以在 fuller-uglify 官方文档 中找到。

2. 在 Node.js 中使用 fuller-uglify

在代码中我们可以这样引用 fuller-uglify 包：

const UglifyJS = require("fuller-uglify");

const code = "...";
const result = UglifyJS.minify(code);
console.log(result.code);

其中 minify 方法可以接受一个字符串类型的参数，就是需要进行压缩的代码。然后它会返回一个压缩后的代码对象，我们可以通过访问其中的 code 属性获取压缩后的代码。

3. 在 Gulp 中使用 fuller-uglify

Gulp 是一个非常流行的前端自动化构建工具。若我们想在 Gulp 中使用 fuller-uglify 进行代码压缩，我们需要修改 Gulpfile.js 并引用 fuller-uglify 包：

const gulp = require("gulp");
const uglify = require("fuller-uglify");

gulp.task("uglify", function() {
  return gulp.src("./src/**/*.js")
      .pipe(uglify())
      .pipe(gulp.dest("./dist/"));
});

以上是一个简单的 Gulp 代码配置，它会对 ./src/ 下的 JavaScript 文件进行压缩，然后将压缩后的代码复制到 ./dist/ 目录下。

总结

在本文中，我们介绍了如何使用 fuller-uglify 包进行 JavaScript 压缩。我们了解了 fuller-uglify 的安装方式和使用方法，并介绍了三种常见的引用方式。希望这篇文章可以帮助到正在学习前端开发的各位。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/77428