• tree shaking sideEffects


    参考:https://blog.csdn.net/u012961419/article/details/107094056/

    因为package.json中的sideEffects字段,默认为true,即默认这个npm包有副作用(其下模块们出了导出还做了其他事情)

    webpack通过配置optimization.sideEffects为true,表示打包时跳过那些没有被使用的且被package.json标记为无副作用的模块。

    表现为:

    webpack打包结果不会保留这些没有意义的「导入模块行为」的代码。
    webpack打包结果不会保留没有使用(导入)的模块。
    开启后,webpack会去package.json中寻找sideEffects字段。

    package.json中的sideEffects字段表示,当前项目中的模块是否有副作用,默认为true。

    webpack找到这个字段,且它定义的如果是false(当前项目中的模块无副作用)。

    那么这些没有被用到的模块就不会被打包。

    注意:

    package.json和webpack配置文件中的sideEffects虽然同名,但表示的意义不同。

    package.json的sideEffects:标识当前package.json所影响的项目,当中所有的代码是否有副作用
    默认true,表示当前项目中的代码有副作用
    webpack配置文件中的sideEffects:开启功能,是否移除无副作用的代码
    默认false,表示不移除无副作用的模块
    在production模式下自动开启。
    webpack不会识别代码是否有副作用,只会读取package.json的sideEffects字段。

    二者需要配合使用,才能处理无副作用的模块。

    具体标识项目中哪些文件有副作用,webpack就不会忽略这些有副作用的模块

    • 这种方式,未被标识的模块,就会被当作无副作用处理

     

  • 相关阅读:
    学习淘宝指数有感
    STL学习小结
    Java里泛型有什么作用
    android 内存泄漏分析技巧
    学道1.3
    严苛模式(StrictMode)
    年龄大了还能够学习编程吗
    ORACLE EXP命令
    数学之路-python计算实战(13)-机器视觉-图像增强
    《C语言编写 学生成绩管理系统》
  • 原文地址:https://www.cnblogs.com/mengfangui/p/15826250.html
Copyright © 2020-2023  润新知