堆棧內存溢出
  簡體   English   中英

Spring Boot縮小JavaScript

[英]Spring boot minify javascript

 原文  2018-02-27 02:22:34  5   1    javascript/ java/ spring-boot/ pagespeed/ yui-compressor

問題描述

我正在尋找Maven配置來最小化Spring Boot應用程序的js / css文件。 對於普通的Java Web應用程序，以下配置有效 

            <plugins>
                <plugin>
                    <groupId>net.alchim31.maven</groupId>
                    <artifactId>yuicompressor-maven-plugin</artifactId>
                    <version>1.5.1</version>
                    <executions>
                        <execution>
                            <goals>
                                <goal>compress</goal>
                            </goals>
                        </execution>
                    </executions>
                    <configuration>
                        <nosuffix>true</nosuffix>
                        <webappDirectory>${project.build.directory}/min</webappDirectory>
                        <excludes>
                            <exclude>**/*-min.js</exclude>
                            <exclude>**/*.min.js</exclude>
                            <exclude>**/*-min.css</exclude>
                            <exclude>**/*.min.css</exclude>
                        </excludes>
                    </configuration>
                </plugin>
                <plugin>
                    <artifactId>maven-war-plugin</artifactId>
                    <configuration>
                        <webResources>
                            <resource>
                                <directory>${project.build.directory}/min</directory>
                            </resource>
                        </webResources>
                    </configuration>
                </plugin>
            </plugins>

但是當我用彈簧靴嘗試這個 

<profile>
            <id>prod</id>
            <build>
                <plugins>
                    <plugin>
                        <groupId>net.alchim31.maven</groupId>
                        <artifactId>yuicompressor-maven-plugin</artifactId>
                        <version>1.5.1</version>
                        <executions>
                            <execution>
                                <goals>
                                    <goal>compress</goal>
                                </goals>
                            </execution>
                        </executions>
                        <configuration>
                            <nosuffix>true</nosuffix>
                            <webappDirectory>${project.build.directory}</webappDirectory>
                            <excludes>
                                <exclude>**/*-min.js</exclude>
                                <exclude>**/*.min.js</exclude>
                                <exclude>**/*-min.css</exclude>
                                <exclude>**/*.min.css</exclude>
                            </excludes>
                        </configuration>
                    </plugin>
                    <plugin>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-maven-plugin</artifactId>
                    <executions>
                        <execution>
                        <configuration>
                        <excludes>
                        <exclude>**/*.js</exclude>
                        </excludes>
                        </configuration>
                            <goals>
                                <goal>repackage</goal>
                            </goals>
                        </execution>
                    </executions>
                </plugin>

現在spring-boot-maven插件配置沒有指定webResources目錄的方法。

運行compress目標時，它將js和CSS最小化。 然后，重新打包目標只是在復制webapp資源階段使用未壓縮的版本覆蓋縮小的腳本/ css。 有沒有辦法跳過復制步驟或在復制步驟之后運行壓縮目標？ 基本上，我可以在Spring Boot構建期間壓縮CSS /腳本嗎？

1 個解決方案

解決方案1
 4  2018-03-27 18:08:05

我能夠使用另一個名為minify-maven-plugin的縮小插件來完成此任務。

我能夠利用此插件的webappTargetDir屬性來指示它將縮小的文件放在${project.build.outputDirectory}目錄中（默認情況下解析為${project.build.directory}/classes ）。

通過將插件執行綁定到prepare-package階段，我能夠使其縮小我的源文件，並在執行package階段之前將它們復制到${project.build.outputDirectory} 。 這將導致在打包之前用縮小的源文件覆蓋原始源文件的所需行為。

以下是我的POM文件的摘錄，其中我配置了minify-maven-plugin以這種方式運行。 

<build>
    . . .
    <plugins>
        . . .
        <plugin>
            <groupId>com.samaxes.maven</groupId>
            <artifactId>minify-maven-plugin</artifactId>
            <version>1.7.6</version>
            <executions>
                <execution>
                    <id>default-minify</id>
                    <phase>prepare-package</phase>
                    <configuration>
                        <charset>UTF-8</charset>
                        <webappSourceDir>${basedir}/src/main/resources/static</webappSourceDir>
                        <webappTargetDir>${project.build.outputDirectory}/static</webappTargetDir>
                        <jsSourceDir>js</jsSourceDir>
                        <jsSourceFiles>
                            <jsSourceFile>myscript.js</jsSourceFile>
                        </jsSourceFiles>
                        <jsTargetDir>js</jsTargetDir>
                        <jsFinalFile>myscript.js</jsFinalFile>
                        <jsEngine>CLOSURE</jsEngine>
                        <skipMerge>true</skipMerge>
                        <nosuffix>true</nosuffix>
                        <verbose>true</verbose>
                    </configuration>
                    <goals>
                        <goal>minify</goal>
                    </goals>
                </execution>
            </executions>
        </plugin>
    </plugins>
</build>

請注意，我選擇將原始（即未縮小的）Javascript源文件放置在項目樹中的${basedir}/src/main/resources/static/js中。 我還啟用了nosuffix和skipMerge標志，以便將myscript.js的縮小輸出保存到一個確切名稱的文件中（在您的情況下，這可能不是您想要的）。

更新（2018-04-13）：根據要求，以下是我正在使用minify-maven-plugin的項目的整個POM文件。 關於此POM文件，需要注意以下幾點：

  • 我已經刪除了一些與我的項目無關的無關項和其他配置參數，但是完成任務所需的一切都應該在此處。
  • 我的項目僅在使用release-profile時執行Javascript壓縮，因此您需要使用mvn clean install -P release-profile類的內容來構建此項目，以便執行壓縮。
  • 我已經配置Maven將項目構建為可執行jar，可以使用java -jar target/project-0.0.1-SNAPSHOT-exec.jar 。 這將啟動Spring Boot應用程序。
  • 我已經保留了Groovy和Spock測試框架的依賴關系，因為我將它們用於在項目中編寫測試。

希望這對您有所幫助。 

<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/maven-v4_0_0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.example</groupId>
    <artifactId>project</artifactId>
    <packaging>jar</packaging>
    <version>0.0.1-SNAPSHOT</version>

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>1.5.10.RELEASE</version>
    </parent>

    <properties>
        <java.version>1.8</java.version>
        <spring-boot.version>1.5.10.RELEASE</spring-boot.version>
        <spock.version>1.1-groovy-2.4</spock.version>
        <groovy.version>2.4.6</groovy.version>
        <maven.javadoc.skip>true</maven.javadoc.skip>
    </properties>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <version>${spring-boot.version}</version>
                <configuration>
                    <mainClass>com.example.project.Application</mainClass>
                    <classifier>exec</classifier>
                </configuration>
            </plugin>
            <plugin>
                <groupId>external.atlassian.jgitflow</groupId>
                <artifactId>jgitflow-maven-plugin</artifactId>
                <version>1.0-m5.1</version>
                <configuration>
                    <autoVersionSubmodules>true</autoVersionSubmodules>
                    <pushReleases>true</pushReleases>
                </configuration>
            </plugin>
            <plugin>
                <groupId>org.codehaus.gmavenplus</groupId>
                <artifactId>gmavenplus-plugin</artifactId>
                <version>1.6</version>
                <executions>
                    <execution>
                        <goals>
                            <goal>compile</goal>
                            <goal>compileTests</goal>
                        </goals>
                    </execution>
                </executions>
            </plugin>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-surefire-plugin</artifactId>
                <version>2.21.0</version>
                <configuration>
                    <useFile>false</useFile>
                    <includes>
                        <include>**/*Spec.*</include>
                    </includes>
                    <runOrder>random</runOrder>
                </configuration>
            </plugin>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-failsafe-plugin</artifactId>
                <version>2.21.0</version>
                <configuration>
                    <useFile>false</useFile>
                    <includes>
                        <include>**/*SpecIT.*</include>
                    </includes>
                    <runOrder>random</runOrder>
                </configuration>
                <executions>
                    <execution>
                        <goals>
                            <goal>integration-test</goal>
                            <goal>verify</goal>
                        </goals>
                    </execution>
                </executions>
            </plugin>
        </plugins>
    </build>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
            <version>${spring-boot.version}</version>
        </dependency>
        <dependency>
            <groupId>org.codehaus.groovy</groupId>
            <artifactId>groovy-all</artifactId>
            <version>${groovy.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <version>${spring-boot.version}</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.spockframework</groupId>
            <artifactId>spock-core</artifactId>
            <version>${spock.version}</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.spockframework</groupId>
            <artifactId>spock-spring</artifactId>
            <version>${spock.version}</version>
            <scope>test</scope>
        </dependency>
    </dependencies>

    <profiles>
        <profile>
            <id>release-profile</id>
            <activation>
                <property>
                    <name>performRelease</name>
                    <value>true</value>
                </property>
            </activation>
            <build>
                <plugins>
                    <plugin>
                        <groupId>com.samaxes.maven</groupId>
                        <artifactId>minify-maven-plugin</artifactId>
                        <version>1.7.6</version>
                        <executions>
                            <execution>
                                <id>default-minify</id>
                                <phase>prepare-package</phase>
                                <configuration>
                                    <charset>UTF-8</charset>
                                    <webappSourceDir>${basedir}/src/main/resources/static</webappSourceDir>
                                    <jsSourceDir>js</jsSourceDir>
                                    <jsSourceFiles>
                                        <jsSourceFile>myscript.js</jsSourceFile>
                                    </jsSourceFiles>
                                    <webappTargetDir>${project.build.outputDirectory}/static</webappTargetDir>
                                    <jsFinalFile>myscript.js</jsFinalFile>
                                    <jsEngine>CLOSURE</jsEngine>
                                    <skipMerge>true</skipMerge>
                                    <nosuffix>true</nosuffix>
                                    <verbose>true</verbose>
                                </configuration>
                                <goals>
                                    <goal>minify</goal>
                                </goals>
                            </execution>
                        </executions>
                    </plugin>

                    <!-- Skip source jar generation -->
                    <plugin>
                        <groupId>org.apache.maven.plugins</groupId>
                        <artifactId>maven-source-plugin</artifactId>
                        <version>2.4</version>
                        <configuration>
                            <skipSource>true</skipSource>
                        </configuration>
                    </plugin>
                </plugins>
            </build>
        </profile>
    </profiles>
</project>

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 縮小 JSPX 頁面中的 JavaScript 代碼（在 Spring MVC WebApp 中） Javascript + Spring啟動 帶有 Spring Boot 和 JavaScript 的 WebSocket Spring啟動javascript沒有執行？ 使用JavaScript縮小JavaScript？ Spring Boot添加HTML和JavaScript 使用React JavaScript的Spring-Boot 使用JavaScript的Groovy Spring Boot項目 Spring 啟動和 html 不呈現 javascript Spring Boot 無法識別 Javascript 文件
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM