npm 包 glob-uglifyjs 使用教程

简介

glob-uglifyjs 是一款前端工程化工具包,可以帮助开发人员在将 JavaScript 代码进行压缩的时候,只编译需要压缩的文件。通过 glob 的方式匹配出需要压缩的文件路径,再对路径的文件进行压缩,以达到提高压缩效率和开发效率的目的。

安装

使用 npm 进行安装:

--- ------- ------------- ----------

使用

引入模块

在 JavaScript 代码中,引入模块:

------ ---------- ---- ----------------

参数说明

一般情况下,glob-uglifyjs 的使用参数如下:

------------
    ---- ----------      -- -----------
    ----- --------       -- -------------
    -------- -           -- ----
        ------- -----    -- -----
        --------- ----   -- ----
    -
---

src: 需要匹配的文件路径,支持 glob 语法。

常用的 glob 语法有:

通配符 意义
* 匹配任意数量的字符
? 匹配任意单个字符
** 匹配任意数量的字符,包括目录分隔符

dest: 压缩后文件的文件夹路径。

options: 压缩配置,可选参数。更多配置信息可以查看 uglify-js 的文档。

示例代码

以下为使用 glob-uglifyjs 的示例代码:

------ ---------- ---- ----------------

------------
    ---- --------------
    ----- ----------
    -------- -
        ------- -----
        --------- ----
    -
---

结束语

glob-uglifyjs 可以帮助开发人员在前端工程化项目中,方便地匹配需要压缩的文件路径,并对路径的文件进行压缩。这篇文章详细介绍了该工具的安装和使用方法,有助于对前端工程化工具的学习和掌握。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/68236


猜你喜欢

  • npm 包 postcss-banner 使用教程

    介绍 在前端开发中,我们常常需要在 CSS 文件中添加注释或者版权信息。如果手动添加这些信息,就会非常繁琐,而且容易出错。此时,使用 npm 包 postcss-banner 就可以轻松地为 CSS ...

    5 年前
  • npm 包 karma-teamcity-reporter 使用教程

    简介 在前端开发中,测试是非常重要的环节。而 Karma 是一个非常好用的前端测试工具,可以让我们轻松地进行单元测试和集成测试。而在使用 Karma 进行测试时,我们也需要一些方便的工具来帮助我们进行...

    5 年前
  • npm 包 groff-escape 使用教程

    什么是 groff-escape groff-escape 是一个 Node.js 包,它可以将文件中的文本字符串格式化为 groff 命令。 groff-escape 的使用方法 1. 安装 gro...

    5 年前
  • npm 包 remark-man 使用教程

    介绍 NPM 是一个开源的包管理器,允许用户从其注册市场中安装和共享软件包。remark-man 就是其中一个 npm 包,它为 Markdown 增强了一个转换器,可以将 Markdown 语法转换...

    5 年前
  • npm 包 videojs-spellbook 使用教程

    前言 在 web 前端领域,视频播放是很常见的需求。而 video.js 是一个开源的 HTML5 视频播放器库,被广泛应用于网页开发中。本文将介绍一个与 video.js 搭配使用的 npm 包,它...

    5 年前
  • npm 包 hydrator 使用教程

    在前端开发中,我们经常需要对数据进行处理和转换,而数据的处理和转换可能会非常复杂,为了解决这个问题,出现了一个非常实用的 npm 包 —— hydrator。它可以帮助开发者快速、便捷地处理和转换数据...

    5 年前
  • npm 包 accept-language-parser 使用教程

    在前端开发过程中,我们可能需要根据用户浏览器的语言偏好来自动切换语言,这就涉及到了浏览器语言的解析。这篇文章将介绍 npm 包 accept-language-parser 的使用教程,它可以方便地解...

    5 年前
  • npm 包 give-me 使用教程

    简介 npm 是 Node.js 包管理器,可以方便地在项目中引入需要的包。其中,give-me 是一个快速获取用户输入的 Node.js 包。它提供了多种方法获取用户输入,包括 CLI 输入、文件读...

    5 年前
  • npm 包 http-test-servers 使用教程

    介绍 http-test-servers 是一个 npm 包,主要用于在本地启动一个 HTTP 服务器,用于测试和开发目的。该服务器支持多种响应类型和请求的路由匹配,并可配置代理规则,也支持快速创建证...

    5 年前
  • npm 包 minimal-request 使用教程

    在前端开发中,我们通常需要借助第三方库来实现某些功能,而 npm 作为 JavaScript 的包管理工具,为我们提供了方便、快捷的使用体验。其中,minimal-request 就是一个非常实用的网...

    5 年前
  • npm 包 omelette 使用教程

    omelette 是一个用于构建自动补全命令行的 npm 包。它可以帮助我们轻松构建自己的命令行工具,并且在输入命令时提供自动补全的功能,使我们的命令行工具更加易用和高效。

    5 年前
  • npm 包 flopmang 使用教程

    前言 flopmang 是一款前端开发常用的 npm 包,用于构建常用的 JavaScript 应用程序。它提供了强大的代码打包和管理工具,帮助开发者更加高效地开发、测试和部署应用程序。

    5 年前
  • npm 包 grunt-git 使用教程

    前言 在前端开发中,版本控制是非常重要的一部分。Git 是目前版本控制工具的主流,并且已受到广泛的使用和认可。在前端开发中,我们常常需要使用 Git 来管理我们的代码,并进行分支合并、协作开发等操作。

    5 年前
  • npm 包 mip-processor 使用教程

    随着移动设备用户的不断增加,许多网站开始重视移动设备的用户体验。MIP(Mobile Instant Pages)是一种加速移动页面加载速度的解决方案,它可以通过预加载和页面片段缓存等功能来优化移动页...

    5 年前
  • npm 包 mip-processor-jscompress 使用教程

    引言 在前端开发中,我们常常需要对 JavaScript 代码进行压缩以减小文件体积。本文将介绍一款 npm 包 mip-processor-jscompress,它可以帮助我们方便地对 MIP 组件...

    5 年前
  • npm 包 broccoli-concat-analyser 使用教程

    概述 Broccoli-concat-analyser 是一个用于分析 JavaScript 代码包含和依赖的工具。它能够将 JavaScript 代码编译后的结果进行分析,找出其中的 depende...

    5 年前
  • npm 包 Compass 使用教程

    Compass 是一个 Sass 框架,它能够简化 CSS 样式代码的编写并加速网站开发的进程。本文将详细介绍 Compass 的安装和基本使用方法,包含大量的代码示例和实战指导。

    5 年前
  • npm 包 synchro-prompt 使用教程

    在前端开发中,有时候需要使用 Node.js 的命令行工具来完成一些特定的任务,例如创建文件、执行脚本等等。但是在有些情况下,我们需要用户输入一些信息来继续执行程序,而传统的 Node.js 命令行工...

    5 年前
  • npm 包 slack-node 使用教程

    前言 Slack 是一个在线团队协作工具,能够帮助团队进行沟通协作,支持多种形式的交流,如文字、表情、图片、文件、语音和视频等。slack-node 是一个基于 Node.js 的 npm 包,用于使...

    5 年前
  • npm 包 giphy-api-without-credentials 使用教程

    Giphy 是一个非常流行的 GIF 图片库,它提供了很多有趣的 GIF 图片供人们使用。Giphy 的 API 也很简单易用,使得开发者可以轻松地在自己的应用程序中使用 Giphy 提供的 GIF ...

    5 年前

相关推荐

    暂无文章