前言
随着前端技术的发展，我们开发者希望能够尽可能地提高生产力，尽可能地使我们的开发过程更加高效。在这个背景下，笔者发现了一个非常好用的 npm 包，即 @enat/app。本文将详细介绍这个 npm 包的使用方法。
什么是 @enat/app
@enat/app 是一个基于 React 和 Ant Design 的快速开发框架，提供了完整的项目基础结构和各种组件，让开发者更加专注于业务开发，极大地提高了开发效率。
安装
使用 npm 命令进行安装：
npm install @enat/app
使用
一旦安装成功，你就可以在你的项目中引用这个 npm 包了。以下是一个使用示例：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------ - ---- -------
------ - ---------- --------- - ---- ------------
----- - ------- -------- ------ - - -------
----- ---- - -- -- -
------ -
--------
---------- --
--------
------- -------- -------- - ---
---------- --
---------
-------- -------- ------- ----- ---- -- ---
---- -------- -------- --- ----------- ------- ---------- --- ---
----- ------
------
----------
------- -------- ---------- -------- ------------ ----- ------- -- -------------
---------
---------
--
--
------ ------- -----在上述示例中，我们使用了 @enat/app 提供的 SiderMenu 和 HeaderBar 组件，实现了一个完整的页面结构。你只需要在这个基础上添加自己的业务组件，即可快速完成一个复杂应用的开发。
进阶用法
主题配置
@enat/app 提供了非常丰富的主题配置，可以满足绝大部分场景的需求。你可以通过以下代码来进行主题配置：
// 引入主题配置文件
import enatTheme from '@enat/app/lib/enatTheme';
// 使用主题
<ConfigProvider theme={enatTheme}>
{/* Your app here */}
</ConfigProvider>国际化配置
@enat/app 支持国际化配置，你可以通过以下代码来配置国际化：
// 引入国际化文件
import intl from '@enat/app/lib/intl';
// 使用国际化
<ConfigProvider locale={intl}>
{/* Your app here */}
</ConfigProvider>轻松配置路由
@enat/app 提供了一个非常易用的路由配置方式。你只需要在路由文件中按照以下格式添加路由即可：
-- -------------------- ---- -------
------ - ---------- - ---- -------------------
------ -------- ---- ----------------------
------ --------- ------ ------- ---------- -
------ -------
------ ----------------
-------- --------
--------- --------
-------- ---------
-
----- ------- -------- - -
-
------ -----
----- ----
------ -----
----- ------------- ---
------- -----
---------- ----------- -- -------------------------
--
-
------ -------
----- ----------
----- --------------------- ---
------- -----
---------- ----------- -- --------------------------
--
-
------ -----
----- ---------
---------- ----------- -- --------------------------
-------- -----
--
--通过这种方式，你就可以轻松地配置出复杂的路由结构。
总结
@enat/app 框架是一个非常好用的 React 框架，它提供了非常好的项目基础结构和组件，可以大大提高开发效率。如果你想要快速地构建一个复杂的 React 应用，@enat/app 框架绝对是一个值得尝试的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cb781e8991b448da39b