最近项目中使用到了lodash库,于是研究了一下如何在ts项目中使用并且包含d.ts定义,分享给大家。
环境:
Creator版本2.3.3,lodash版本4.17.15
参考资料:
- 插件脚本:http://docs.cocos.com/creator/manual/zh/scripting/plugin-scripts.html?h=%E6%8F%92%E4%BB%B6%E8%84%9A%E6%9C%AC
- lodash官网:https://www.lodashjs.com/
- node npm typescript等
流程:
-
下载lodash

-
将下载下来的loadash.min.js文件放入creator中,并设置为插件脚本


-
在npm中安装提示依赖 @types/lodash
在项目根目录下执行:
npm install --save @types/lodash
修改.gitignore文件,添加:
node_modules/ -
使用方式(推荐):
在Helloworld.ts文件start方法中添加代码:
console.log(globalThis._.VERSION)
【注意】globalThis可以使用window代替
【注意】包含lodash的定义文件,在vscode中将鼠标放置在_上时会有显示:
-
验证方式:

至此,就可以在项目中快乐的使用lodash库了。针对其他的第三方库,流程也是类似的。
附加:错误的使用方式
import * as _ from "lodash"
import _ = require("lodash")
等方式导入都是错误的。
虽然在编辑器中不会报错,但是运行会出现差异,原因是这样会从某个犄角旮旯里寻找lodash,进阶可以搜索「node模块的查找顺序」
console.log(_.VERSION, globalThis._.VERSION)

可以从截图中看出2者输出的版本是不同的。
