SpringBoot 下的 Static 文件夾打包成前端資源的示例代碼

更新時間：2023年06月15日 14:53:12 投稿：mrr

這篇文章主要介紹了SpringBoot 下的 Static 文件夾如何打包成前端資源,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下

以下是在 Windows10 系統(tǒng)下使用 IntelliJ IDEA 編寫的 Spring Boot 項目中，將 src/main/resources/static 目錄下的靜態(tài)文件打包成前端資源的示例代碼：

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.Bean;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
@SpringBootApplication
public class DemoApplication {
    public static void main(String[] args) {
        SpringApplication.run(DemoApplication.class, args);
    }
    // 配置靜態(tài)資源的路徑映射
    @Bean
    public WebMvcConfigurer webMvcConfigurer() {
        return new WebMvcConfigurer() {
            @Override
            public void addResourceHandlers(ResourceHandlerRegistry registry) {
                registry.addResourceHandler("/static/**")
                        .addResourceLocations("classpath:/static/");
            }
        };
    }
}

在上述代碼中，我們通過 @SpringBootApplication 注解聲明了一個 Spring Boot 應用，并在其中定義了一個 WebMvcConfigurer 類型的 Bean，用于配置靜態(tài)資源的路徑映射。

接下來，我們可以在 src/main/resources/static 目錄下創(chuàng)建靜態(tài)文件，例如 index.html、style.css 和 script.js，然后使用構建工具將這些文件復制到前端項目的相應目錄下。

以 Maven 為例，在項目的 pom.xml 文件中添加以下配置：

<build>
    <plugins>
        <plugin>
            <artifactId>maven-resources-plugin</artifactId>
            <version>3.1.0</version>
            <executions>
                <execution>
                    <id>copy-static-files</id>
                    <phase>prepare-package</phase>
                    <goals>
                        <goal>copy-resources</goal>
                    </goals>
                    <configuration>
                        <outputDirectory>${project.build.outputDirectory}/static</outputDirectory>
                        <resources>
                            <resource>
                                <directory>../spring-boot-project/src/main/resources/static</directory>
                            </resource>
                        </resources>
                    </configuration>
                </execution>
            </executions>
        </plugin>
    </plugins>
</build>

這個配置會在 Maven 打包前，將 Spring Boot 項目中的 static 目錄下的文件復制到前端項目的 target/classes/static 目錄下。

最后，我們可以使用前端構建工具，例如 webpack 或 gulp，將這些靜態(tài)資源打包成前端資源。

注意：上述代碼僅供參考，具體實現(xiàn)可能需要根據(jù)具體情況進行調(diào)整。

到此這篇關于SringBoot 下的 Static 文件夾如何打包成前端資源的文章就介紹到這了,更多相關SringBoot Static 文件夾打包內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: