react-captcha icon indicating copy to clipboard operation
react-captcha copied to clipboard

修改lodash使用方式以减小打包大小

Open alienzhangyw opened this issue 4 years ago • 0 comments

当前导入方式会把整个lodash整体引入(未压缩是500多kb) https://github.com/WebEngineerLi/react-captcha/blob/ffc2d126635fc5b66280198f2ad5fd8627bd168c/src/captcha.tsx#L4 最好改写成 import isFunction from 'lodash/isFunction',按需导入。 或者直接使用原生的if(onChange && typeof onChange === 'function')进行判断。

另外styled-components我觉得也可以直接用行内样式代替。 https://github.com/WebEngineerLi/react-captcha/blob/ffc2d126635fc5b66280198f2ad5fd8627bd168c/src/style.ts#L1-L5 为了一个样式去引入一个二十多kb的依赖得不偿失。

alienzhangyw avatar Aug 20 '21 03:08 alienzhangyw