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

  • 时间:
  • 浏览:0

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

本例中我们我们 演示从CDN加载jQuery。你不前要安装npm包,就让 仍然前要安装类型。安装jQuery类型的命令如下:

安装JSOM的类型:

注意,或多或少库是只能 类型的,我们我们 假定本文示例中引用的Validator库是只能 的(事实上它有),在你你是什么 情形下你前要为该库定义你此人 的类型定义

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

例子

例子

在本例中,让他要们演示在有4个单独的包中共享marked包(有4个Markdown编译器)。首先下载marked包:npm install marked --save,就让 下载类型:npm install @types/marked --save。

加载国际化资源

例子

就让就还还可以在项目中使用 strings了:

在进行开发的就让,你很肯能会要我引用或多或少公开的JavaScript库到你的项目中,本文肯能介绍怎么才能 才能 打包和共享你你是什么 库。

打包脚本

.d.ts,也也不上述代码。

更新config目录中的config.json文件来从CDN加载jQuery,在externals部分上加每根新项:

本篇就介绍到这里。

在web部件所在文件夹创建有4个文件validator.d.ts就让 上加如下代码:

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

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

npm install validator --save

在config.json文件包含一段映射叫做localizedResources,还还可以通过它定义怎么才能 才能 加载国际化资源。在这部分设置的路径为到lib文件夹的相对路径,注意太大以/开头。

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

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

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

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

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

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

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

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

npm install --save @types/jquery

安装JSOM依赖的Microsoft Ajax类型:

在本例中,我们我们 有个名为src/strings/的文件夹,上面有有好多个JavaScript文件如en-us.js、fr-fr.js、de-de.js。肯能每个文件都前要通过模块加载器加载,它们前要包包含4个公用的JS包装器。类事在en-us.js文件中: