在单个分支上进行多个构建，但使用不同的CSS值

51次阅读

问题描述

在他们的工作流程中需要一些建议。他们有一个应用程序，目前根据客户进行定制（白标），但他们的旧开发人员使部署变得非常混乱，为每个客户创建了多个分支。因此，合并变得非常困难，一些客户缺少功能等问题。客户版本的应用程序与我们的原始应用程序唯一的区别是一些轻微的CSS更改和几个图像。他们目前使用Jenkins进行构建，并在AWS Elastic Beanstalk上进行托管。他们的问题是，在他们合并和纠正旧开发人员的问题后，是否可以从一个分支触发单个或多个构建，以替换应用程序中的所有CSS值和一些图像？这样，他们就可以推送到主分支，并构建生产应用程序以及所有客户的白标版本。

解决方案

以下操作需要根据实际情况进行适当的调整，同时建议做好备份工作。

使用 Maven 构建不同的 CSS 和图像

如果你的应用程序是使用 Java 并使用 Maven 进行构建的，可以通过使用 Maven 的 profiles 和一些插件来实现根据不同的客户构建不同的 CSS 和图像。以下是一个基本的方法：

首先，你可以使用 Maven 的 profiles 来为每个客户创建一个配置文件，其中包含客户特定的信息，例如 CSS 和图像路径。在你的 pom.xml 中添加类似如下的配置：

<profiles>
    <profile>
        <id>client_1</id>
        <properties>
            <css.path>path/to/client1/css</css.path>
            <images.path>path/to/client1/images</images.path>
        </properties>
    </profile>
    <profile>
        <id>client_2</id>
        <properties>
            <css.path>path/to/client2/css</css.path>
            <images.path>path/to/client2/images</images.path>
        </properties>
    </profile>
    <!-- 添加更多客户的配置 -->
</profiles>

接下来，你可以使用 Maven 插件来处理这些配置。例如，你可以使用 maven-resources-plugin 插件来复制客户特定的 CSS 和图像到构建目录。在你的 pom.xml 中添加类似如下的配置：

<build>
    <plugins>
        <plugin>
            <groupId>org.apache.maven.plugins</groupId>
            <artifactId>maven-resources-plugin</artifactId>
            <version>3.2.0</version>
            <executions>
                <execution>
                    <id>copy-css-and-images</id>
                    <phase>process-resources</phase>
                    <goals>
                        <goal>copy-resources</goal>
                    </goals>
                    <configuration>
                        <outputDirectory>${project.build.outputDirectory}</outputDirectory>
                        <resources>
                            <resource>
                                <directory>${css.path}</directory>
                                <targetPath>CSS目录路径</targetPath>
                            </resource>
                            <resource>
                                <directory>${images.path}</directory>
                                <targetPath>图像目录路径</targetPath>
                            </resource>
                        </resources>
                    </configuration>
                </execution>
            </executions>
        </plugin>
    </plugins>
</build>