简介#
在 Web 项目中已经有 package.json，所以我们可以通过 yarn 或者其它的工具来安装客户端库，这是推荐的方式，当然也可以直接下载任意库，然后放在你喜欢的目录中使用，但本文主要介绍如何使用推荐的方式来集成前端库。
假如我们想使用 wangEditor 库，那么集成步骤应该是下面这样。
步骤#
在 Web 中执行以下命令安装依赖：
yarn add @wangeditor/editor
知道的人都知道，这样安装后，依赖库会被下载到 node_modules 目录中，可是我们项目一般是从 wwwroot 目录中引用第三方库，所以，下一步，我们需要进行复制，明白的人自然会明白我的意思。
ABP CLI's abp install-libs command copies resources from node_modules to wwwroot/libs folder.
也就是说，我们只需要按照 ABP 的规定，就可以使用 abp install-libs 命令将资源从 node_modules 移动到 wwwroot/libs。
规则就是 Resource Mapping Definition File 资源映射定义文件，它就是 Web\abp.resourcemapping.js，格式如下：
module.exports = {
aliases: {
"@node_modules": "./node_modules",
"@libs": "./wwwroot/libs"
},
clean: [
"@libs",
"!@libs/**/foo.txt"
],
mappings: {
}
}
将上面的内容复制进去，然后再将下面的内容放进去：
mappings: {
"@node_modules/@wangeditor/editor/dist/css/style.css": "@libs/wang-editor/css/",
"@node_modules/@wangeditor/editor/dist/index.js": "@libs/wang-editor/",
}
关于我该拷贝哪些文件过去，这个需要参考官网介绍了以及自己的需求了。
最后执行下面这个命令，就可以自动拷贝过去了：
abp install-libs
When you run this command, all packages will copy their own resources into the wwwroot/libs folder. Running abp install-libs is only necessary if you make a change in your dependencies in the package.json file.
最后，在项目中引用：
<abp-style src="/libs/wang-editor/css/style.css" />
<abp-script src="/libs/wang-editor/index.js" />