JavaScript 死代码剔除工具

最终更新: 2024/03/21

Kotlin Multiplatform Gradle 插件包含一个 死代码剔除(Dead Code Elimination) (DCE) 工具. 死代码剔除通常又被称为 摇树(Tree Shaking). 它可以删除未被使用的属性, 函数, 以及类, 减少最终编译输出结果的 JavaScript 代码大小.

有几种情况可以导致代码中存在未被使用的声明:

函数可能会被内联, 因此不会被直接调用 (除极少数情况外, 总是会如此).
模块使用了一个共享库. 如果没有 DCE, 库中没有被用到的部分仍然会包含在编译输出的 bundle 之内. 比如, Kotlin 标准库包含了许多函数, 用于操作列表, 数组, 字符序列, 用于 DOM 的适配器, 等等. 所有这些功能输出为 JavaScript 文件总计需要 1.3 MB. 而一个简单的 "Hello, world" 应用程序只需要控制台相关函数, 整个文件只有几 KB.

构建 产品版(production) bundle 时, Kotlin Multiplatform Gradle 插件会自动处理 DCE, 比如, 使用 browserProductionWebpack 任务. 开发版(development) bundle 的构建任务(比如 browserDevelopmentWebpack) 不会包含 DCE.

在 DCE 中排除一部分函数或类声明

有些时候, 即使在你的模块中并没有使用某个函数或类, 但你可能需要在最终输出的 JavaScript 代码中保留它, 比如, 你可能要在客户端 JavaScript 代码中使用它.

要在死代码剔除时保留这些函数或类的声明, 请在 Gradle 构建脚本中添加 dceTask 代码段, 并在 keep 函数的参数中列出需要保留的函数或类声明. 参数必须是这个声明的完整限定名称, 包含模块名作为前缀, 比如: moduleName.dot.separated.package.name.declarationName

除非另有设置, 否则在生成的 JavaScript 代码中, 函数和模块的名称会被混淆(mangle). 如果要在 DCE 中保持这些函数不被剔除, 需要在 keep 的参数中使用它们混淆之后出现在生成的 JavaScript 代码中的名称.

kotlin {
    js {
        browser {
            dceTask {
                keep("myKotlinJSModule.org.example.getName", "myKotlinJSModule.org.example.User" )
            }
            binaries.executable()
        }
    }
}

如果希望保持整个包或模块不被剔除, 可以使用它出现在生成的 JavaScript 代码中的完整限定名称.

保持整个包或模块不被剔除, 会阻碍 DCE 删除许多未被使用的声明. 因此, 最好逐个选择需要从 DCE 中排除的声明.

禁用 DCE

如果需要完全关闭 DCE 功能, 可以在 dceTask 中使用 devMode 选项:

kotlin {
    js {
        browser {
            dceTask {
                dceOptions.devMode = true
            }
        }
        binaries.executable()
    }
}