xinconan / blog

闲谈
7 stars 0 forks source link

自定义构建lodash #9

Open xinconan opened 6 years ago

xinconan commented 6 years ago

由于开发时需要用到 throttle 函数,要么自己写,要么使用第三方开源的。 自己写的过程中,发现效果并非很理想,于是想到了使用 lodash 。但是光使用这一方法,而引入整个 lodash 显得有点杀鸡焉用牛刀的感觉,发现可以通过 lodash-cli 自定义构建。 构建自定义lodash方法:

npm i -g lodash-cli
# 只需要 throttle,debounce两个函数
lodash include=throttle,debounce

将构建好的js引入到项目中,就可以直接使用了。

附上上面构建的js: odash.throttle.debounce.js lodash.throttle.debounce.min.js

自定义构建官方文档: https://lodash.com/custom-builds

如果使用webpack开发,可以直接使用 lodash 或者使用 lodash.throttle

xinconan commented 6 years ago

上面构建的好的js,支持IE9+。如果需要支持IE8,在js引入前加入如下polyfill即可:

if (!Date.now) {
    Date.now = function now() {
        return new Date().getTime();
    };
}

构建好的js使用了 Date.now() 函数,ES5新加的,IE8不支持