关于webpack4.0打包代码分割optimization.splitChunks的配置详解

最新推荐文章于 2023-01-28 16:30:00 发布

小白，白不白

最新推荐文章于 2023-01-28 16:30:00 发布

阅读量1.3k

点赞数 3

分类专栏： Webpack 打包配置记录之路

本文链接：https://blog.csdn.net/weixin_43832981/article/details/104032558

版权

本文详细介绍了webpack 4.0中用于代码分割的optimization.splitChunks配置，旨在帮助读者理解如何有效地进行代码组织和优化。

摘要由CSDN通过智能技术生成

/**
   * webpack中实现代码分割的两种方式：
   * 1.同步代码：只需要在webpack配置文件总做optimization的配置即可
   * 2.异步代码(import)：异步代码，无需做任何配置，会自动进行代码分割，放置到新的文件中
   * 3.分离文件必须大于30kb，才可以分离成功，否则设置无效
   */
  optimization: {
   
    splitChunks: {
   
      chunks: "all",          //async对异步引入的代码分割 initial对同步引入代码分割 all对同步异步引入的分割都开启
      minSize: 30000,         //字节 引入的文件大于30kb才进行分割
      //maxSize: 5000