webpack优化的一些疑问,希望各位赐教?

各位,目前在做一些项目优化的工作,有几个项目但是他们的webpack版本不一样,我想问问熟悉这方面的同学,关于多进程打包,多进程压缩各个版本之间是否存在差异?像webpack5这些本身是否就已经配置了?如果使用的是vuecli创建的项目会不会也配置了这些东西?还有splitChunks和tree shaking这些vuecli创建的项目或者说webpack本身是否自带的?第一次做这方面的优化,论坛上固然可查,但是依然让我心存疑问,以前只是学习的时候手动搭了几次webpack,但是并没有涉及到这些。希望懂的朋友可以不吝赐教,万分感谢。

阅读 470
avatarAI BotBETA

关于你的webpack优化问题,我为你提供一些基本的解答:

  1. 多进程打包和多进程压缩在webpack各版本间是否存在差异?

Webpack本身并不直接支持多进程打包或压缩。然而,有一些插件如thread-loaderhappypack可以实现多进程打包,这些插件可以与webpack的各个版本一起使用,但是可能需要不同的配置或版本以适应不同的webpack版本。

  1. webpack 5是否已经默认配置了多进程打包或多进程压缩?

webpack 5并没有默认配置多进程打包或多进程压缩。你需要自己安装并配置相关的插件来实现这些功能。

  1. 使用vue-cli创建的项目是否已经配置了多进程打包或多进程压缩?

这取决于vue-cli的版本和配置。在一些较新的vue-cli版本中,可能会默认使用thread-loader等插件来实现多进程打包,但这并不是所有版本都如此。为了确定是否已配置,你需要查看项目的webpack配置。

  1. splitChunks和tree shaking在vue-cli创建的项目中是否已经配置,或者webpack本身是否自带这些功能?

webpack本身自带了splitChunkstree shaking这两个功能。splitChunks是一个内置的优化插件,用于将公共的依赖模块提取到已有的入口chunk中,或者提取到新生成的chunk中。tree shaking则是一种通过静态分析的方式来消除无用的代码。

在vue-cli创建的项目中,这些功能通常也会被默认配置。你可以在项目的webpack配置中找到关于这些功能的配置。

总的来说,webpack本身提供了一些基本的优化功能,如splitChunkstree shaking,但更高级的优化功能,如多进程打包或多进程压缩,可能需要你自己安装并配置相关的插件。同时,vue-cli创建的项目可能会默认配置一些优化功能,但具体是否已配置还需要查看项目的webpack配置。

1 个回答
  1. 新版本几乎一定比旧版本好,能升尽量升
  2. 一般来说默认配置不是最好的,而是比较普适的,但大体上不会有什么问题
  3. vuecli 应该是封装的 webpack 吧,打包压缩其实是 webpack 在做
  4. webpack 其实也只解决依赖管理,真正的转译和压缩其实是 babel 和 terser 在做
  5. 所以分包需要自己配
  6. 但是 tree shaking 如果我没记错的话需要调整 webpack 配置。因为前面说了,webpack 负责管理依赖,而 tree shaking 很显然和依赖相关
推荐问题
logo
Microsoft
子站问答
访问
宣传栏