打赏

lodash-es 最小化引入

1.网址

https://www.npmjs.com/package/lodash-es

2、使用

lodash-es 是着具备 ES6 模块化的版本,只需要直接引入就可以。

import {isEmpty,forIn, cloneDeep} from 'lodash-es'

tree-shaking的作用,即移除上下文中未引用的代码(dead code)

只有当函数给定输入后,产生相应的输出,且不修改任何外部的东西,才可以安全做shaking的操作

如何使用tree-shaking?

1).确保代码是es6格式,即 export,import

2).package.json中,设置sideEffects

3).确保tree-shaking的函数没有副作用

4).babelrc中设置presets [["env", { "modules": false }]] 禁止转换模块,交由webpack进行模块化处理

5).结合uglifyjs-webpack-plugin

posted @ 2020-10-26 21:58  孟繁贵  阅读(13854)  评论(0编辑  收藏  举报
TOP