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

  • 时间:
  • 浏览:0

打包脚本

注意,这人库是如此 类型的,大伙儿 假定本文示例中引用的Validator库是如此 的(事实上它有),在你这人情况下你时需为该库定义你此人 的类型定义

在进行开发的就让,你很机会会你会 引用这人公开的JavaScript库到你的项目中,本文机会介绍怎么才能 才能 打包和共享哪些库。

在本例中,让大伙儿 演示在一三个 单独的包中共享marked包(一三个 Markdown编译器)。首先下载marked包:npm install marked --save,只要下载类型:npm install @types/marked --save。

npm install validator --save

注意:机会你在使用TypeScript,它是JavaScript的超集,好多好多 在编译的就让它们仍然会转添加JavaScript,让人通过npm命令搜索并找到类型:npm install @types/{package} --save

在config.json文件蕴藏一段映射叫做localizedResources,可可不都能不能 能通过它定义怎么才能 才能 加载国际化资源。在这帕累托图设置的路径为到lib文件夹的相对路径,注意如此来越多以/开头。

本例中大伙儿 演示从CDN加载jQuery。你不时需安装npm包,只要仍然时需安装类型。安装jQuery类型的命令如下:

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

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

加载国际化资源

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

在web部件所在文件夹创建一三个 文件validator.d.ts只要添加如下代码:

本篇就介绍到这里。

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

安装JSOM的类型:

例子

机会不通过npm包加载库,你还可可不都能不能 能从CDN加载。这时需修改config.json文件以配置为从CDN URL去加载库。

在本例中,大伙儿 有个名为src/strings/的文件夹,顶端有有几个JavaScript文件如en-us.js、fr-fr.js、de-de.js。机会每个文件都时需通过模块加载器加载,它们时需蕴藏一三个 公用的JS包装器。类似在en-us.js文件中:

安装JSOM依赖的Microsoft Ajax类型:

例子

打开config/config.json文件进行编辑,向externals映射添加二根绳子 新内容。这机会告诉打包器将它上放一三个 单独的文件,以防止将它直接打到包中:

默认情况下,web部件包会自动蕴藏项目所依赖的库。这意味着库会随着你的web部件共同被部署。这对于非公用的规模较小的库来说是比较有益的。

例子

就让就可可不都能不能 能在项目中使用 strings了:

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

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

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

npm install --save @types/jquery

.d.ts,也只要上述代码。

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

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