简介
在前端开发中，我们经常会面临多个项目之间的代码重复性问题。为了解决这个问题，我们可以将一些通用的代码封装成 npm 包。在此，我将介绍一个名为 guirentong-lib 的 npm 包，该包封装了大量通用的前端代码，能够大大提高开发效率。
安装
要使用 guirentong-lib，首先需要在项目中安装该包。在项目根目录下执行以下命令即可安装：
npm install guirentong-lib --save
该命令会将 guirentong-lib 安装到项目的 node_modules 目录下，并在项目的 package.json 文件中添加该包的依赖项。
使用
安装完成之后，我们可以在项目中正常使用 guirentong-lib 提供的功能。
1. 引入 guirentong-lib
在需要使用 guirentong-lib 的文件中，需要先引入该包。
import guirentong from 'guirentong-lib';
或
const guirentong = require('guirentong-lib');2. 使用 guirentong-lib
我们将 guirentong-lib 分为了多个模块，每个模块对应不同的功能，你可以按需使用这些模块。
2.1 dateUtils
dateUtils 是 guirentong-lib 中与日期操作相关的模块，它提供了许多日期相关的工具函数。下面是该模块中的一个具体示例：
import { dateUtils } from 'guirentong-lib';
const date = new Date();
const dateString = dateUtils.format(date, 'yyyy年MM月dd日');
console.log(dateString); // 2021年11月11日该示例中我们使用了 dateUtils.format 函数，该函数可以将一个日期对象格式化成指定格式的字符串。在上面的代码中，我们将 date 格式化成了形如 “yyyy年MM月dd日” 的字符串。
2.2 domUtils
domUtils 是 guirentong-lib 中与 DOM 操作相关的模块，它提供了大量 DOM 操作相关的工具函数。下面是该模块中的一个具体示例：
import { domUtils } from 'guirentong-lib';
const el = document.getElementById('test');
domUtils.addClass(el, 'active');该示例中我们使用了 domUtils.addClass 函数，该函数可以为一个 DOM 元素添加指定的 class 名称。在上面的代码中，我们为 id 为 “test” 的元素添加了一个 class 名称为 “active”。
2.3 langUtils
langUtils 是 guirentong-lib 中与类型判断相关的模块，它提供了大量判断类型相关的工具函数。下面是该模块中的一个具体示例：
import { langUtils } from 'guirentong-lib';
const isNumber = langUtils.isNumber(123);
console.log(isNumber); // true该示例中我们使用了 langUtils.isNumber 函数，该函数可以判断一个变量是否是数字类型。在上面的代码中，我们判断了数字 123 是否为数字类型，结果为 true。
2.4 storeUtils
storeUtils 是 guirentong-lib 中与本地存储相关的模块，它提供了大量本地存储相关的工具函数。下面是该模块中的一个具体示例：
import { storeUtils } from 'guirentong-lib';
storeUtils.set('name', 'Tom');
const name = storeUtils.get('name');
console.log(name); // Tom该示例中我们使用了 storeUtils.set 和 storeUtils.get 函数，分别用于设置和获取本地存储中的数据。在上面的代码中，我们设置了一个键为 “name” 值为 “Tom”的数据，然后通过 storeUtils.get 获取该数据的值。
总结
在本文中，我们介绍了 guirentong-lib 这个前端常用工具类库，该库中收录了前端常用的一些工具函数。同时，我们还通过具体的示例展示了如何引入和使用该工具库。希望本文对你学习和使用 guirentong-lib 有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cd781e8991b448e6775