Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 进口lodash时,哪种方法更好?_Reactjs_Webpack_Lodash - Fatal编程技术网

Reactjs 进口lodash时,哪种方法更好?

Reactjs 进口lodash时,哪种方法更好?,reactjs,webpack,lodash,Reactjs,Webpack,Lodash,我的React项目有两种解决方案: 从“lodash”导入{get} 从“lodash/get”导入get 请帮助我选择一个更好的解决方案来加速页面加载。从“lodash/get”导入get是从CommonJS导入的一种更好、优化的方法,get.js是目录中的独立文件,因此最好只导入2k而不是完整的100k 如果您使用的是webpack 4 import { get} from 'lodash-es'; ES模块实际上是可树摇动的,而COMMONJS模块则不是。因此,您一定要使用lodash

我的React项目有两种解决方案:

  • 从“lodash”导入{get}
  • 从“lodash/get”导入get

  • 请帮助我选择一个更好的解决方案来加速页面加载。

    从“lodash/get”导入get
    是从CommonJS导入的一种更好、优化的方法,
    get.js
    是目录中的独立文件,因此最好只导入2k而不是完整的100k

    如果您使用的是webpack 4

    import { get} from 'lodash-es';
    

    ES模块
    实际上是可树摇动的,而
    COMMONJS
    模块则不是。因此,您一定要使用
    lodash es
    ESM包。

    import-get from'lodash/get'。转到第二个,因为它将只导入get模块,而不是完整的lodash。如果您没有为节点模块配置构建创建者(例如webpack),也不会发生树抖动