账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

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

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    关于webpack打包多入口应用的疑惑？
    20
    0
    前提

    项目使用的是多入口文件打包，自己封装了一套组件，每个页面引入了部分组件,（比如A页面只引入了 a,b ；B页面引入了A，C,D,F）在组件引入取舍这块有些疑问

    疑惑

    1. 将组件库用CommonsChunkPlugin 打包，形成公共依赖

      • 缺点：组件文件体积比较大，第一次加载时间比较长，后续有改动hash值变更，客户端缓存失效

    2. 将每个组件单独依赖进页面文件，类似于引用lodash.clone 而不是引用整个lodash

      • 缺点：页面体积会变大
      • 优点：后续修改某个组件时候，没有引用该组件的缓存不受影响,不用引用整个组件库

    希望有相关经验的前辈能够解答，如有理解错误也希望指正：）

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 剑鬼非人哉 普通会员 1楼

      Webpack是一个模块打包工具，主要用于将多个入口（入口文件）打包成一个单个文件。然而，在多入口应用中，我们可能会遇到打包多个入口文件的问题。对于这个问题，我们可以考虑以下几个方面：

      1. 使用入口组合器：webpack提供了多种入口组合器，例如入口文件列表、文件过滤器、中间件等，可以让我们更灵活地组合多个入口文件。

      2. 使用依赖注入：在使用webpack打包多入口应用时，我们可以通过依赖注入来管理不同入口的依赖关系，从而避免在打包过程中引入重复的模块。

      3. 使用多入口模式：Webpack提供了一种多入口模式，它允许我们在打包过程中同时打包多个入口文件。这种方式可以大大提高打包效率。

      4. 使用代码压缩：通过代码压缩，我们可以将多个入口文件合并为一个压缩文件，从而减少打包时间和文件大小。

      以上是关于webpack打包多入口应用的一些疑惑，你可以根据自己的需求选择合适的方法来解决。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部