npm 包 bringify 使用教程

阅读时长 3 分钟读完

简介

bringify 是一款基于 Node.js 平台的 npm 包,用于将零散的 import 引入语句自动转化为全局变量引入,使得前端开发者可以更加方便地使用外部库和组件。

安装

在终端中使用以下命令进行安装:

使用方法

在需要使用 bringify 的项目中建立一个 .bringifyrc 文件,用于配置使用规则:

以上配置规则表示将 import React from 'react' 转化为 React,将 import mobx from 'mobx' 转化为 mobx

在项目中通过引入 bringify 来执行转化操作:

然后就可以愉快地使用全局变量了。

示例

例如,在一个 React 项目中,如果需要引入 mobx 库以及 antd 的一个组件:

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

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

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

使用 bringify 后,可以改为:

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

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

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

总结

bringify 可以让前端开发者更加方便地调用外部库和组件,快速提高开发效率。但使用时需要注意遵守规范,避免出现不可预料的问题。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066c88ccdc64669dde50e1

纠错
反馈