SharePoint Framework 向web部件中添加外部库

  • 时间:
  • 浏览:1
  • 来源:uu快3官方邀请码_uu快3app赚钱_彩神8

例子

npm install --save @types/jquery

肯能不通过npm包加载库,你还都能否 从CDN加载。这都要修改config.json文件以配置为从CDN URL去加载库。

加载国际化资源

在你的web部件文件中,引用该类型,用如下代码:

本篇就介绍到这里。

注意:肯能你在使用TypeScript,它是JavaScript的超集,太久在编译的原先它们仍然会转加在JavaScript,因此你通过npm命令搜索并找到类型:npm install @types/{package} --save

本例中因此 人儿演示从CDN加载jQuery。你不都要安装npm包,太久我仍然都要安装类型。安装jQuery类型的命令如下:

博客地址:http://blog.csdn.net/FoxDave

编辑config.json文件,向localizedResources中加在根小。{locale}为资源文件名的占位符。

例子

更新config目录中的config.json文件来从CDN加载jQuery,在externals帕累托图加在根小新项:

在本例中,因此 人儿有个名为src/strings/的文件夹,后面 有十几条 JavaScript文件如en-us.js、fr-fr.js、de-de.js。肯能每个文件都都要通过模块加载器加载,它们都要带有高有另另一个公用的JS包装器。类似于于在en-us.js文件中:

在web部件所在文件夹创建有有另另一个文件validator.d.ts太久我加在如下代码:

打开config/config.json文件进行编辑,向externals映射加在根小新内容。这肯能告诉打包器将它上放有有另另一个单独的文件,以外理将它直接打到包中:

npm install validator --save

在本例中,让因此 人儿演示在有有另另一个单独的包中共享marked包(有有另另一个Markdown编译器)。首先下载marked包:npm install marked --save,太久我下载类型:npm install @types/marked --save。

默认情况汇报下,web部件包会自动带有项目所依赖的库。这因为分析库会随着你的web部件同时被部署。这对于非公用的规模较小的库来说是比较有益的。

注意,因此 库是要都能否类型的,因此 人儿假定本文示例中引用的Validator库是要都能否的(事实上它有),在你你你这一情况汇报下你都要为该库定义你当事人的类型定义

本例中假设你有有有另另一个叫做MyStrings.d.ts的文件,向其中加在关于你的设置的类型:

安装JSOM依赖的Microsoft Ajax类型:

打包脚本

接下来在项目中加在import声明:

在config.json文件带有一段映射叫做localizedResources,都能否 通过它定义何如加载国际化资源。在这帕累托图设置的路径为到lib文件夹的相对路径,注意未必以/开头。

在config.json中加在以下内容:

.d.ts,也太久我上述代码。

原先就都能否 在项目中使用 strings了:

在进行开发的原先,你很肯能会我应该 引用因此 公开的JavaScript库到你的项目中,本文肯能介绍何如打包和共享那些库。

将字符串验证库validator包加入到web部件。从npm下载validator包,输入命令:

例子

在你的web部件中加在引入marked库的声明:

安装JSOM的类型: