斗栱云工具库
本文档将介绍如何在项目中使用dgykits。
引入dgykits
你可以引入整个dgykits,或是根据需要仅引入部分功能模块。
完整引入
import dgykits from 'dgykits'
按需引入
借助babel-plugin-import,我们可以只引入需要的功能模块,以达到减小项目体积的目的。
首先,安装babel-plugin-import
:
# 使用 npm
npm install babel-plugin-import -D
# 使用 yarn
yarn add babel-plugin-import -D
# 使用 pnpm
pnpm install babel-plugin-import -D
然后,修改.babelrc
或babel.config.js
或webpack.config.js
:
{
plugins: [
[
"import",
{
libraryName: 'dgykits',
libraryDirectory: 'lib',
}
]
]
}
接下来,如果只希望引入部分组件,比如platform
和debounce
,那么需要写入一下内容:
// 引入模块
import {platform, debounce} from "dgykits"
// 使用模块
console.log(platform.isBrower)
const fn = debounce(fn, 20)
开始使用
至此,就可以编写代码了。各个模块的使用方法请参阅它们各自的文档。