基于Maven的KotlinJS多模块项目单文件打包最小配置问询

我来给你梳理一下实现这个需求的最简配置，核心是利用kotlin-maven-plugin自带的Webpack集成能力，不用额外引入太多第三方插件：

1. 基础POM配置（单模块/多模块的打包模块） #

在你的项目POM中，只需要配置kotlin-maven-plugin的JS编译与打包参数即可。下面是最小配置示例：

<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.yourgroup</groupId>
    <artifactId>your-js-module</artifactId>
    <version>1.0-SNAPSHOT</version>

    <properties>
        <!-- 使用最新稳定版Kotlin，确保Webpack集成正常 -->
        <kotlin.version>1.9.20</kotlin.version>
    </properties>

    <dependencies>
        <!-- 如果是多模块项目，在这里引入其他模块的依赖 -->
        <!-- 比如：<dependency>
            <groupId>com.yourgroup</groupId>
            <artifactId>another-module</artifactId>
            <version>${project.version}</version>
        </dependency> -->
        <!-- 核心Kotlin JS依赖 -->
        <dependency>
            <groupId>org.jetbrains.kotlin</groupId>
            <artifactId>kotlin-stdlib-js</artifactId>
            <version>${kotlin.version}</version>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.jetbrains.kotlin</groupId>
                <artifactId>kotlin-maven-plugin</artifactId>
                <version>${kotlin.version}</version>
                <executions>
                    <execution>
                        <id>compile-js</id>
                        <phase>compile</phase>
                        <goals>
                            <goal>js</goal>
                        </goals>
                        <configuration>
                            <!-- 指定编译目标为JS -->
                            <target>js</target>
                            <!-- 启用Webpack打包，自动合并所有依赖 -->
                            <webpack>true</webpack>
                            <!-- 输出单个打包后的文件路径 -->
                            <outputFile>${project.build.directory}/js/bundle.js</outputFile>
                            <!-- 可选：如果需要生产环境压缩，开启minify -->
                            <!-- <minify>true</minify> -->
                        </configuration>
                    </execution>
                </executions>
            </plugin>
        </plugins>
    </build>
</project>

2. 多模块项目的额外注意事项 #

如果是多模块Maven项目：

• 确保所有被依赖的模块也配置了kotlin-maven-plugin的JS编译（至少要有基础的<target>js</target>配置），这样它们会被编译为JS产物供打包模块引用。
• 在打包模块的<dependencies>中添加对其他模块的依赖，Maven会自动处理依赖传递，Webpack会把所有依赖的JS代码合并到最终的bundle.js里。

3. 执行打包命令 #

在项目根目录（或打包模块目录）运行：

mvn clean package

执行完成后，你会在target/js/目录下找到打包好的单个bundle.js文件，里面包含了你的Kotlin代码、Kotlin标准库以及所有依赖模块的代码。

关键配置说明 #

• <target>js</target>：指定编译器输出JS目标代码，而不是JVM字节码。
• <webpack>true</webpack>：启用插件内置的Webpack集成，自动处理依赖合并与打包。
• <outputFile>：指定最终单个打包文件的输出路径，可根据需求修改。

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