npm 包 @trusktr/rollup-pluginutils 使用教程

简介

npm 是一个流行的 Node.js 包管理器,用于将包安装到您的项目中。本文介绍了 npm 包 @trusktr/rollup-pluginutils,它是一个用于 rollup 的实用程序库。

概述

@trusktr/rollup-pluginutils 包提供了很多常用的实用程序,用于创建 rollup 插件。其中包括:

  • createFilter: 用于过滤出源代码中需要编译的文件。
  • attachScopes: 用于解析 import 路径和创建变量名。
  • makeLegalIdentifier: 用于将字符串转换为合法的 JavaScript 标识符。
  • addSideEffect: 用于将未通过导入语句生成的副作用添加到输出中。

安装

使用 npm 命令进行安装:

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

使用

下面是一个简单的示例,展示了如何使用 @trusktr/rollup-pluginutils 创建一个简单的 rollup 插件。假设你的项目是一个 JavaScript 应用程序,它将所有的源代码存储在 src 目录中。

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

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

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

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

在上面的示例中,我们使用 rollup 的 transform 钩子函数来转换文件。我们在创建插件时使用 createFilter 函数过滤出我们要编译的源代码文件。该示例插件简单地将代码转换成我们定义的格式。

如果您想使用 attachScopes、makeLegalIdentifier 或 addSideEffect 函数,也可以按照类似的方式导入它们。

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

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

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

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

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

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

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

指南

@trusktr/rollup-pluginutils 包提供了许多有用的工具,可以使 rollup 插件编写更容易,更简洁。该软件包的文档提供了有关每个工具函数的更深入的信息。

如果您将要编写一个 rollup 插件,您可能希望阅读有关 http://rollupjs.org/guide/en/ 的更多信息。该指南包含有关 rollup 和 rollup 插件的详细信息。

结论

@trusktr/rollup-pluginutils 提供了许多实用程序函数,可以帮助您编写更简洁和可读的 rollup 插件。在您的下一个项目中,尝试使用该软件包并体验其中的核心功能。

欢迎将此工具包作为您的 rollup 插件脚本集成,并通过简单的技巧来简化您的 rollup 插件开发。

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


猜你喜欢

  • npm 包 mutt-json-patch 使用教程

    在前端开发中,经常需要修改 JSON 数据的某些特定部分,这时候可以使用 JSON Patch 来实现。而 mutt-json-patch 便是一个可用于实现 JSON Patch 的 npm 包。

    3 年前
  • npm包gulp-js-encrypt使用教程

    随着互联网技术的不断发展,前端开发越来越受到重视,而gulp-js-encrypt是一款常用于前端网站数据加密的npm包工具,本文将介绍如何使用gulp-js-encrypt进行数据加密,并给出详细的...

    3 年前
  • npm 包 ibird-open 使用教程

    简介 ibird-open 是一款由 ibird 团队开发的 npm 包,用于在前端应用中调用第三方的开放接口。该 npm 包提供了简单易用的 API,可以简化前端调用开放接口的过程。

    3 年前
  • npm 包 react-native-allaudio-meta-data 使用教程

    介绍 react-native-allaudio-meta-data 是一个可以用于解析音频文件 meta data(元数据)的 React Native npm 包。

    3 年前
  • npm 包 utopian-api-ts 使用教程

    前言 在进行前端开发的过程中,我们常常需要借助一些 npm 包来辅助我们完成工作。这些 npm 包提供了各种各样的工具和库,方便我们编写高效、优雅的代码。 而今天我们要介绍的就是一款名为 utopia...

    3 年前
  • npm 包 koa-huiji-signature 使用教程

    koa-huiji-signature 是一个用于 koa 框架的中间件,它可以帮助开发者对请求的参数进行签名验证,保障数据的安全性。本篇文章将为您详细介绍如何使用这个 npm 包。

    3 年前
  • npm 包 vue-loading-status 使用教程

    前端开发中经常需要加载不同类型的数据,例如 Ajax 请求返回 JSON 数据、图片资源、视频等等。由于加载时间不确定,所以我们需要给用户一个良好的体验,提示他们当前页面正在加载。

    3 年前
  • npm 包 @async-generators/subject 使用教程

    在前端开发中,经常需要进行数据处理和异步编程等操作。而在实现这些操作时,@async-generators/subject 是一个非常实用的 npm 包。它提供了一个方便的 API,允许我们轻松创建异...

    3 年前
  • npm 包 gulp-importcsstowxss 使用教程

    简介 gulp-importcsstowxss 是一个通过 Gulp 自动化构建工具将 CSS 文件转换为 WXSS 文件的 npm 包。WXSS 是指微信小程序中所使用的样式表语言。

    3 年前
  • npm 包 @oblakotilo/plants 使用教程

    简介 @oblakotilo/plants 是一个用于前端开发的 npm 包,它提供了一些常用植物的图片和名称,让我们在前端开发中更加便捷地使用这些资源,从而提高开发效率。

    3 年前
  • npm 包 prevent-router-transition 使用教程

    在前端开发中,路由的跳转是一个非常常见的操作。有些情况下,我们希望在路由跳转时能够提醒用户当前的页面还有未保存的内容,避免用户误操作导致数据丢失。而 npm 包 prevent-router-tran...

    3 年前
  • npm 包 react-countdown-button 使用教程

    倒计时组件在前端开发中是常用的功能之一,但是如果每次都需要手写,势必会浪费很多时间和精力。这个时候,npm 包就可以给我们省下很多功夫。今天我们要介绍的是一个叫做 react-countdown-bu...

    3 年前
  • npm 包 react-retailer-map 使用教程

    如果您正在开发一个电商网站或者与小区商铺相关的应用,那么您一定会需要一个地图来展示商铺的地理位置。而 react-retailer-map 就是一个非常好用的 npm 包,可以帮助您快速地在应用中引入...

    3 年前
  • npm包@arkandos/inquirer-autocomplete使用教程

    简介 在前端开发过程中,我们常常需要和用户进行交互,获取一些输入信息。Inquirer是一个流行的交互式命令行用户界面(CLI)工具,它提供了丰富的界面元素,使得我们可以通过CLI与用户进行交互,并获...

    3 年前
  • npm 包 hologger-applicationinsights 使用教程

    在前端开发中,我们经常需要记录和监控用户的行为和操作。这时,使用日志系统和监控工具是非常必要的。 本文将介绍 npm 包 hologger-applicationinsights,该包可以方便地将前端...

    3 年前
  • npm 包 angular-trumbowyg 使用教程

    简介 angular-trumbowyg 是一个使用 AngularJS 封装的 Trumbowyg 编辑器的包,它提供了一种简单的方法来在 AngularJS 应用程序中嵌入编辑器。

    3 年前
  • npm 包 @genny-project/react-places-autocomplete 使用教程

    在前端开发中,常常需要使用地址自动完成组件来帮助用户填写地址。其中 @genny-project/react-places-autocomplete 是一个强大的 npm 包,提供了 Google 地...

    3 年前
  • npm 包 gulp-css-to-wxss 使用教程

    在前端开发中,我们经常需要将基于 CSS 编写的样式文件(.css)转换成小程序专用的样式文件(.wxss),这时候就需要用到 npm 包 gulp-css-to-wxss。

    3 年前
  • npm 包 gulp-dev-middleware 使用教程

    前言 gulp-dev-middleware 是一种功能强大的 Node.js 模块,它可以帮助我们快速而方便地构建前端项目。在实际项目中,我们经常需要借助同一个主机中的其他应用程序进行开发,而 gu...

    3 年前
  • npm包 presentation-node-build-tools 使用教程

    介绍 随着前端技术的不断发展,构建工具和自动化工具的重要性一直都是不可忽视的。在这个过程中,npm包 presentation-node-build-tools 出现了,它是一个可以帮助前端工程师快速...

    3 年前

相关推荐

    暂无文章