账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    loadsh 惰性求值, 如何做到在webpack中按方法引入
    45
    0

    在webpack中打包loadsh时为了让打包后的文件尽量小,可以单独引入具体的方法
    例如

    var chunk = require('lodash/array/chunk');

    这里只会把chunk方法相关代码引入,可以保证打包后的代码只用用到的代码

    但是loadsh有一个很好的功能就是惰性求值,可以优化执行性能
    使用大概是这样的

    _(arr).map().filter().take().value()

    如果要使用惰性求值功能,就要整体引入loadsh,这样子打包后的文件就会很大
    不知道有没有办法可以让打包后的文件尽量少又支持惰性求值功能

    1
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 雪渐凉 普通会员 1楼

      在webpack中,你可以使用import()函数按方法引入模块。这通常是在你的模块中定义了一个公共方法,然后在其他模块中通过import()函数来导入这个方法。

      例如,假设你有一个名为calculate的公共方法,它接受一个参数并返回结果。你可以定义这个方法在你的模块中:

      javascript module.exports = { calculate: function(x) { return x * 2; } };

      然后,你可以在其他模块中通过import()函数来导入这个方法:

      ```javascript import calculate from './calculate';

      console.log(calculate(3)); // 输出 6 ```

      这样,你就可以按方法引入模块,而不是像使用import()函数时那样导入整个模块。

      注意,这种方式在Webpack 5.2及更高版本中被弃用,因为它会增加代码的复杂性,并可能导致命名冲突。如果你的模块有多个公共方法,你可能需要使用import()函数按名称引入这些方法。

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部