SringBoot 下的 Static 文件夹如何打包成前端资源

谁践踏了优雅 2023-10-12 11:37 24阅读 0赞

以下是在 Windows10 系统下使用 IntelliJ IDEA 编写的 Spring Boot 项目中，将 `src/main/resources/static` 目录下的静态文件打包成前端资源的示例代码：

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);
        }
    
        // 配置静态资源的路径映射
        @Bean
        public WebMvcConfigurer webMvcConfigurer() {
        
            return new WebMvcConfigurer() {
        
                @Override
                public void addResourceHandlers(ResourceHandlerRegistry registry) {
        
                    registry.addResourceHandler("/static/**")
                            .addResourceLocations("classpath:/static/");
                }
            };
        }
    
    }

在上述代码中，我们通过 `@SpringBootApplication` 注解声明了一个 Spring Boot 应用，并在其中定义了一个 `WebMvcConfigurer` 类型的 Bean，用于配置静态资源的路径映射。

接下来，我们可以在 `src/main/resources/static` 目录下创建静态文件，例如 `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，将这些静态资源打包成前端资源。

注意：上述代码仅供参考，具体实现可能需要根据具体情况进行调整。