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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    关于webpack4 sideEffects到底是个啥玩意?
    44
    0

    哇!!!!我仔仔细细的看了 webpack > v4.16.0 > 文档 > 指南 > Tree Shaking 中对于sideEffects的介绍,不管是按他文档表面的意思还是结合上下文来看 sideEffects这个属性都好像是用来裁剪未引入的代码(就是文中提示的死代码),比如下面:

    //index.js (这是node_modules 下 myplugin模块,他包含index.js 和 package.json)
    function a(){'is a'};
    function b(){'is b'};
    export {a , b};
    //package.json
    {
        "name":'myplugin',
        "sideEffects":false
    }
    
    //main.js
    import {a} from 'myplugin';
    a();
    

    当打包后 按理输出代码中不再包含 b函数的相关代码, 但是"sideEffects":false并没有什么卵用,还是所有代码都被打包,反而如果想去掉b代码,只要 mode: "development" 就行!所以。。。。。。这sideEffects到底是个啥玩意?到底有啥用?到底什么场景用?
    还有就是这玩意要设置在模块的package.json中,并且webpack文档也说这是个库级设置,那是不是这玩意只能由模块的作者来设置?我们设置也没啥卵用,重装模块就没了! 哇,困惑啊。。。。。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部