Kotlin JS基础项目编译出现webpack体积警告，求解决方法

核心问题 #

你的项目编译生成的WordCountWeb4.js（254 KiB）超出了webpack推荐的244 KiB体积限制，触发了性能警告。

具体解决步骤 #

1. 启用代码分割 #

按照webpack的建议，通过懒加载拆分代码：

• 在Kotlin中使用dynamicImport函数实现懒加载，把非首屏必需的模块拆分出来：

  // 懒加载某个功能模块
  fun loadOptionalFeature() {
      dynamicImport<OptionalFeature>("optional-feature-module")
          .then { module -> module.initialize() }
  }
  

  webpack会自动将拆分的模块打包成单独的chunk，减少主入口文件体积。

2. 开启生产环境压缩与摇树优化 #

在项目构建配置（如build.gradle.kts）中开启代码压缩和未使用代码移除：

kotlin {
    js {
        browser {
            binaries.executable()
            webpackTask {
                minify = true
                mode = org.jetbrains.kotlin.gradle.targets.js.webpack.KotlinWebpackConfig.Mode.PRODUCTION
            }
        }
    }
}

这会直接压缩JS代码并剔除未被调用的冗余代码，大幅减小包体积。

3. 清理冗余依赖 #

• 移除项目中未实际使用的依赖库，避免无关代码被打包进主文件
• 对于必需的依赖，优先选择体积更小的替代方案

4. 调整webpack性能警告阈值（可选） #

如果暂时无法拆分代码，可修改配置提高阈值消除警告（仅隐藏提示，不解决性能问题）：

webpackTask {
    config.set("performance", mapOf(
        "maxAssetSize" to 300000, // 调整为300 KiB
        "maxEntrypointSize" to 300000
    ))
}

内容的提问来源于stack exchange，提问作者bsudhir6