概述
microsoft/sp-application-base 是一个微软提供的前端npm包，它提供了一些常用的工具和应用程序模板，可以帮助快速开发SharePoint Framework应用程序。本文将介绍如何使用@microsoft/sp-application-base。
安装和使用
@microsoft/sp-application-base是一个前端npm包，安装它只需要在终端中运行以下命令：
npm install @microsoft/sp-application-base
安装完毕后，你可以重命名该包并导入它的类。
import { BaseClientSideWebPart, IPropertyPaneConfiguration } from '@microsoft/sp-webpart-base';
import { BaseDialog } from '@microsoft/sp-dialog';此外，你还可以使用工具方法：
import { ConsoleListener, FunctionListener } from "@microsoft/applicationinsights-core-js";举个例子
来看一个实际运用@microsoft/sp-application-base的例子：使用它渲染Web部件。
-- -------------------- ---- -------
------ - -- ----- ---- --------
------ - -- -------- ---- ------------
------ - --------------------- - ---- -----------------------------
------ - -- ------- ---- --------------------
------ --- ---- -------------------
------ - --------- - ---- -------------------------
------ --------- ---------------- -
------------ -------
-
------ ------- ----- ---------- ------- --------------------------------------- -
------ --------- ---- -
----- -------- ----------------------------- - --------------------
----
-
------------ ----------------------------
--------------- ---------------------------------------- - -------------
------------ --
-
--
------------------------ -----------------
-
--------- --- -------------- ------- -
------ ---------------------
-
--------- ------------------------------- -------------------------- -
------ -
------ -
-
------- -
------------ -------------------------------
--
------- -
-
---------- -----------------------
------------ -
------------------------------------ -
------ -----------------------------
--
-
-
-
-
-
--
-
-在这个示例中，我们使用BaseClientSideWebPart类作为通用的Web部件基类。它提供了渲染和页面上下文的方法。我们还使用IDocProps接口和Doc组件渲染实际内容。
-- -------------------- ---- -------
------ - -- ----- ---- --------
------ ------ ---- --------------------
------ - ------ - ---- ------------------------------
------ - ------------- -------------------- ------------------ -------------------- - ---- ------------------------------------------
------ - ---------------- - ---- ------------------------------------------------------------------------
------ - ------------ - ---- --------------------------------------------
------ - --------- - ---- --------------
------ - ------------- -------------------- - ---- ---------------------
------ - ------------ - ---- ----------------------------------
------ - ------------- - ---- ---------------------
------ --------- --------- -
------------ -------
--------------- -------
------------ -------
-
------ --------- --------- -
----------- ------------
--------------- -------
-
------ ------- ----- --- ------- -------------------------- ---------- -
------------------ ---------- -
-------------
---------- - -
---------- ---
-------------- -
--
-
------ -------------------- ---- -
----------------------------------------- ------- -- -
--------------------------------
---
-
-------------
-在上面的代码中，我们使用了SharePoint Framework提供的@pnp/spfx-controls-react库，该库提供了Web部件标题，以及office-ui-fabric-react库，该库提供了布局和样式。
我们还使用@ micosoft / sp-http库来加载SharePoint中的文档库和文件列表。这允许我们进行REST调用，与SharePoint服务通信来获取所需数据。
结论
在本文中，我们提供了有关@microsoft/sp-application-base npm包的基本信息和使用示例。该npm包可以帮助你快速开发SharePoint Framework应用程序，提高你的开发效率。如果你想要学习更多关于Microsoft SharePoint开发的内容，可以参考官方文档和相关社区资源。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedac60b5cbfe1ea06109fb