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 包 sjkp-react-vimeo 使用教程

    前言 在前端开发中,我们经常需要在网页上嵌入视频以展示内容。而 Vimeo 是一个广受欢迎的视频分享平台,在开发中也经常被使用。为了方便使用,社区中出现了许多支持 Vimeo 的 React 组件库,...

    3 年前
  • npm包 unredo2的使用教程

    在前端开发的过程中,有时候我们会需要撤销和重做某些操作,这样可以大大提高我们的开发效率,同时还可以减少出错的风险。而 npm 包 unredo2 就是一个专门用于实现撤销和重做功能的库,本文将介绍 u...

    3 年前
  • npm 包 vue-plugin-autoscroll 使用教程

    Vue.js 是一个流行的现代 JavaScript 框架,但它本身并没有提供自动滚动的功能。在我们这个高速发展的互联网时代,自动滚动对于网站或 Web 应用程序是非常重要的。

    3 年前
  • npm 包 weex-xc-amap 使用教程

    在前端开发中,地图展示往往是必不可少的。而在移动端开发中,使用原生地图 SDK 会涉及到很多原生 code 和平台限制,这时候就可以使用基于 webview 的 weex-xc-amap。

    3 年前
  • npm 包 dev-tool-box 使用教程

    简介 dev-tool-box 是一个优化前端开发流程的 npm 包,它为开发者提供了多个实用的命令,包括自动化部署、代码压缩、代码格式化、语法检查等等。它是一个非常实用的工具,可以大大提高开发效率和...

    3 年前
  • npm 包 @salzhrani/hapi-auth-jwt2 使用教程

    前言 在前端开发中,我们经常会用到 Json Web Token(JWT)这个认证技术。为了方便使用 JWT 在 Hapi.js 项目中进行认证,@salzhrani 开发了一个 npm 包 @sal...

    3 年前
  • npm包ciesvi使用教程

    在前端开发中,使用npm包是一种常见的操作,但是如果没有详细的使用说明,就会浪费很多时间在使用上。本文将介绍npm包ciesvi的使用教程,包含详细的指导意义和示例代码,帮助各位前端同学更好地使用这个...

    3 年前
  • npm 包 arr-common 使用教程

    在前端开发中,我们经常需要对数组进行处理和操作。如何高效地处理各种数组操作呢?这就需要使用一些专门的工具库。npm是目前最受欢迎的 JavaScript 包管理工具之一,其中有许多优秀的 npm 包可...

    3 年前
  • npm 包 uigo 使用教程

    前言 随着前端技术的发展,现在的前端项目已经非常复杂,需要日益强大的工具和工具包来支持。其中非常重要的一部分就是 UI 组件库。在这个领域里,uigo 是一个非常受欢迎的 npm 包,它提供了常用的 ...

    3 年前
  • npm 包 redux-ddd 使用教程

    引言 redux-ddd 是一个基于 Redux 的领域驱动设计(DDD)模式的库,可以更好地将业务逻辑与 UI 逻辑分离。它可以帮助开发者更好地管理复杂的 Redux 应用,提高项目的可维护性和可扩...

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

    前端路由常常用来处理单页应用程序的页面跳转和状态管理。valley-router 是一个基于 history API 的轻量级前端路由库,它支持动态路由、嵌套路由和路由拦截等特性,同时也支持浏览器和服...

    3 年前
  • npm 包 magic-iterable 运用教程

    magic-iterable 是一个 NPM 包,它提供了一个可迭代对象,使得在 JavaScript 中使用同步风格 APIs 比较容易。它使用了一些黑魔法,如 ES6 Proxy 和 asyncG...

    3 年前
  • npm 包 better-scroll-list 使用教程

    在前端开发中,有时候需要使用滚动列表来展示大量数据。而 better-scroll-list 就是一个基于 better-scroll 的 Vue 组件库,可以帮助我们更加方便地实现一个无限滚动列表。

    3 年前
  • npm包babel-plugin-react-create-element-require使用教程

    在前端开发中,React是一个流行的框架。在使用React时,构建复杂的组件需要使用多个React元素。在编写大量的React元素时,指定createElement函数变得不切实际,因此,使用JSX语...

    3 年前
  • npm 包 allex_fswatchingserverruntimelib 使用教程

    简介 allex_fswatchingserverruntimelib 是一个 npm 包,主要用于在前端项目中监视文件的变化,并在文件发生变化时进行相对应的操作。

    3 年前
  • npm 包 tuex 使用教程

    介绍 Tuex 是一个基于 redux 的状态管理库,主要目的是减少 redux 使用的样板代码,提高开发效率。Tuex 使用 TypeScript 编写,具有类型推导和良好的类型保证,并且拥有可观察...

    3 年前
  • npm包 aws-mjml-csv使用教程

    前端工程师常常需要与各种第三方API、云服务进行交互,其中Amazon Web Service简称AWS是一家大型的云服务平台,提供了多种云服务,比如云存储、数据库、消息服务等等。

    3 年前
  • npm 包 ssh-http-agent 使用教程

    ssh-http-agent 是一个适用于前端 JavaScript 应用的 npm 包,可以让应用程序通过 SSH 访问 HTTP 服务。本文将介绍如何使用它。 需求 要将一个前端 JavaScri...

    3 年前
  • npm 包 @seangenabe/fastify-apollo-2 使用教程

    什么是 @seangenabe/fastify-apollo-2 @seangenabe/fastify-apollo-2 是一个快速构建 GraphQL API 的 npm 包,它为 Fastify...

    3 年前
  • npm 包 cordova-template-antm-dva 使用教程

    介绍 cordova-template-antm-dva 是一个基于 Ant Design Mobile 和 dva 的 Cordova 模板。它提供了一个开箱即用的前端框架,帮助您快速创建 Cord...

    3 年前

相关推荐

    暂无文章