简介
bringify
是一款基于 Node.js 平台的 npm 包,用于将零散的 import
引入语句自动转化为全局变量引入,使得前端开发者可以更加方便地使用外部库和组件。
安装
在终端中使用以下命令进行安装:
npm install bringify --save-dev
使用方法
在需要使用 bringify
的项目中建立一个 .bringifyrc
文件,用于配置使用规则:
{ "rules": { "react": "React", "mobx": "mobx" } }
以上配置规则表示将 import React from 'react'
转化为 React
,将 import mobx from 'mobx'
转化为 mobx
。
在项目中通过引入 bringify
来执行转化操作:
const bringify = require('bringify'); bringify.run();
然后就可以愉快地使用全局变量了。
示例
例如,在一个 React 项目中,如果需要引入 mobx
库以及 antd
的一个组件:
-- -------------------- ---- ------- ------ ----- ---- -------- ------ - ------ - ---- ------- ------ - ---------- - ---- ------- ----- ----- - ------------ ------ -- ---- ---------- - ---------- -- -- - --- ------ ------- -------- ----- - ------ - ----- ---------- ------------------ ------- ------------------------------------- ------ -- -
使用 bringify
后,可以改为:
-- -------------------- ---- ------- ------ ----- ---- -------- ------ - ------ - ---- ------- ----- ---- - --------------- ----- ----- - ----------------- ------ -- ---- ---------- - ---------- -- -- - --- ------ ------- -------- ----- - ------ - ----- ---------- ------------------ ------- ------------------------------------- ------ -- -
总结
bringify
可以让前端开发者更加方便地调用外部库和组件,快速提高开发效率。但使用时需要注意遵守规范,避免出现不可预料的问题。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066c88ccdc64669dde50e1