什么是 esterling
esterling 是一个基于 Node.js、Webpack 和 Babel 的前端开发工具库，它包含了对于前端项目的常见需求的封装，提供了方便的工具函数和组件，让开发者可以更加专注于业务代码的编写。
esterling 中包含了众多常用的 npm 包，并且它们都被进行了二次封装，使得开发者无需再花费额外的时间去寻找和研究可靠的 npm 包。
esterling 目前包含了以下模块：
esterling-utils：提供了一系列前端开发中经常用到的工具函数，如日期处理、字符串处理、数组拼接等。esterling-components：提供了一些常用组件，如模态框、轮播图、折叠面板等。esterling-ajax：提供了 ajax 请求的封装，方便开发者进行后端数据的请求和处理。esterling-validator：提供了表单验证的功能，并且支持自定义验证规则。
通过使用 esterling，前端开发者可以更加高效地完成项目开发和维护工作。
如何使用 esterling
安装
在使用 esterling 之前，需要先把它安装到项目中。可以通过以下命令进行安装：
npm install esterling --save
引入
在安装完 esterling 之后，可以通过以下方式引入它：
import { utils, components, ajax, validator } from 'esterling';或者使用按需加载的方式：
import utils from 'esterling/utils';
import { Modal, Carousel } from 'esterling/components';
import ajax from 'esterling/ajax';
import validator from 'esterling/validator';使用示例
使用 esterling-utils
-- -------------------- ---- ------- ------ - ----------- ----------- - ---- ------------------ ----- ------- - ----------- ---------- ----- ------------- - ------------------- ------------ ----------- --------------------------- -- -------------- -------- ----- ---- - - ----- ------ -- ----- ---- - - ---- -- -- ----- ------------ - ----------------- ------ -------------------------- -- ---- ----- ------- ---- -- -
使用 esterling-components
-- -------------------- ---- ------- ------ - ------ -------- - ---- ----------------------- ----- ----- - --- ------- ------ ---------- -------- --------- -------- -- -- ---------------------- --- ------------- ----- -------- - --- ---------- ------- ---------- --------- ---------- --------- ----- --- ---------------------------------
使用 esterling-ajax
-- -------------------- ---- ------- ------ ---- ---- ----------------- ------------------------------------- -- - --------------------------- ---------------- -- - --------------------- --- ---------------------- - ----- ------- ---- -- ------------------ -- - --------------------------- ---------------- -- - --------------------- ---
使用 esterling-validator
-- -------------------- ---- -------
------ --------- ---- ----------------------
----- ----- - -
----- -
--------- -----
---------- ---
--
---- -
--------- -----
---- ---
--
--
----- ---- - -
----- -------
---- ---
--
----- ------ - ------------------------- ------
-- ---------------- -
--------------------
- ---- -
--------------------------- -- ---- ----- - -------- -- ---- - ------- --- - -
-结语
通过使用 esterling，前端开发者可以更加高效地完成项目开发和维护工作。本文介绍了 esterling 的安装和使用方法，并提供了使用示例。在实际项目中，可以根据需要选择合适的模块和组件使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005571281e8991b448d3fcc