快捷導(dǎo)航

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

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

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

以下是在 Windows10 系統(tǒng)下使用 IntelliJ IDEA 編寫的 Spring Boot 項(xiàng)目中，將 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/");
            }
        };
    }
}

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

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

以 Maven 為例，在項(xiàng)目的 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>

這個(gè)配置會(huì)在 Maven 打包前，將 Spring Boot 項(xiàng)目中的 static 目錄下的文件復(fù)制到前端項(xiàng)目的 target/classes/static 目錄下。

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

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

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

您可能感興趣的文章: