假设,我选择使用 React-Icon 库中的 Icon。
import {HomeIcon} from 'react-icons'
由于图书馆有大量图标,我只使用了其中一个。在 NPM BUILD 期间,node.js 是否还包含库中可用的全部图标或我导入的图标。
其他图书馆也是如此。最终的 npm 构建是只包含我导入的函数还是在最终构建中包含整个库?
如果您使用基于标准webpack
的配置,这取决于您的导入。它会将所有内容都包含在您的包中,这是您入口点的依赖树的一部分。import * as _ from "lodash"
例如,如果它将包含整个库,则import has from "lodash/has"
仅包含该函数。
为了进一步减少包的大小,你可以应用树抖动、代码拆分、缩小等。查看webpack 文档
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句